/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

:root[MainTheme='green'] {
    --BodyBackColor: #666;
    --BodyColor: #ccc;
    --BorderSeparator: #757575;
    --ColoriNext: #888;
    --EkipetColor: #ddd;
    --EkipetMajtasBack: #666;
    --InPlayColor: #ffdf1b;
    --InTitleColor: #e4e4e4;
    --InTitleLightColor: #4acfa5;
    --TitleBackBorderColor: #8e0101;
    --TitleBackColor: #6c0101;
    --JPLightColor: #f16a6a;
    --KamionatColor: #bbb;
    --KampionatiListBack: #666;
    --NavigationBack: #474747;
    --NavigationKampionatColor: #ddd;
    --NavigationSportColor: #bbb;
    --NavMenuVija: #4acfa5;
    --OddBackColor: #585858;
    --OddColor: #ffdf1b;
    --Ora: #bbb;
    --PositionColor: #ddd;
    --SearchColor: #666;
    --SelectedKoefBack: #e4e4e4;
    --SelectedKoefColor: #14805e;
    --SelectedKoefEkip: #545454;
    --TitleBackBorderColor: #4acfa5;
    --TitleBackColor: #14805e;
    --X12Back: #a7a7a7;
    --X12Color: #545454;
}

:root[MainTheme='red'] {
    --BodyBackColor: #666;
    --BorderSeparator: #777777;
    --KampionatiListBack: #505050;
    --EkipetMajtasBack: #505050;
    --OddBackColor: #505050;
    --BodyColor: #ccc;
    --ColoriNext: #888;
    --EkipetColor: #ddd;
    --InPlayColor: #ffdf1b;
    --InTitleColor: #e4e4e4;
    --InTitleLightColor: #f16a6a;
    --TitleBackBorderColor: #8e0101;
    --TitleBackColor: #6c0101;
    --JPLightColor: #f16a6a;
    --KamionatColor: #bbb;
    --NavigationBack: #474747;
    --NavigationKampionatColor: #ddd;
    --NavigationSportColor: #bbb;
    --NavMenuVija: #f16a6a;
    --OddColor: #ffdf1b;
    --Ora: #bbb;
    --PositionColor: #ddd;
    --SearchColor: #666;
    --SelectedKoefBack: #e4e4e4;
    --SelectedKoefColor: #14805e;
    --SelectedKoefEkip: #545454;
    --TitleBackBorderColor: #8e0101;
    --TitleBackColor: #6c0101;
    --X12Back: #a7a7a7;
    --X12Color: #545454;
}

:root[MainTheme='red-light'] {
    --BodyBackColor: #666;
    --BorderSeparator: #777777;
    --KampionatiListBack: #505050;
    --EkipetMajtasBack: #505050;
    --OddBackColor: #505050;
    --BodyColor: #ccc;
    --ColoriNext: #888;
    --EkipetColor: #ddd;
    --InPlayColor: #ffdf1b;
    --InTitleColor: #e4e4e4;
    --InTitleLightColor: #f16a6a;
    --TitleBackBorderColor: #c34a2c;
    --TitleBackColor: #e14123;
    --JPLightColor: #f16a6a;
    --KamionatColor: #bbb;
    --NavigationBack: #474747;
    --NavigationKampionatColor: #ddd;
    --NavigationSportColor: #bbb;
    --NavMenuVija: #f16a6a;
    --OddColor: #ffdf1b;
    --Ora: #bbb;
    --PositionColor: #ddd;
    --SearchColor: #666;
    --SelectedKoefBack: #e4e4e4;
    --SelectedKoefColor: #14805e;
    --SelectedKoefEkip: #545454;
    --X12Back: #a7a7a7;
    --X12Color: #545454;
}

:root[MainTheme='black'] {
    --BodyBackColor: #212121;
    --BodyColor: #ccc;
    --BorderSeparator: #4b4b4b;
    --ColoriNext: #888;
    --EkipetColor: #ddd;
    --EkipetMajtasBack: #666;
    --Icon: url(data:image/svg+xml;charset=utf-8,<svg width='33' height='33' viewBox='0 0 33 33' xmlns='http://www.w3.org/2000/svg'><title>Oval 61 + Oval 62</title><g fill='%234ACFA5' fill-rule='evenodd'><path d='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'/><path d='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'/><path d='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: #8a8a8a;
    --TitleBackBorderColor: #8e0101;
    --TitleBackColor: #6c0101;
    --JPLightColor: #f16a6a;
    --KamionatColor: #bbb;
    --KampionatiListBack: #666;
    --NavigationBack: #474747;
    --NavigationKampionatColor: #ddd;
    --NavigationSportColor: #bbb;
    --NavMenuVija: #4acfa5;
    --OddBackColor: #585858;
    --OddColor: #ffdf1b;
    --Ora: #bbb;
    --PositionColor: #ddd;
    --SearchColor: #666;
    --SelectedKoefBack: #e4e4e4;
    --SelectedKoefColor: #000000;
    --SelectedKoefEkip: #545454;
    --TitleBackBorderColor: #535353;
    --TitleBackColor: #000000;
    --X12Back: #a7a7a7;
    --X12Color: #545454;
}

:root[MainTheme='orange-dark'] {
    --BodyBackColor: #182f43;
    --BodyColor: #ccc;
    --BorderSeparator: #2a3e56;
    --ColoriNext: #888;
    --EkipetColor: #ddd;
    --EkipetMajtasBack: #182f43;
    --Icon: url(data:image/svg+xml;charset=utf-8,<svg width='33' height='33' viewBox='0 0 33 33' xmlns='http://www.w3.org/2000/svg'><title>Oval 61 + Oval 62</title><g fill='%234ACFA5' fill-rule='evenodd'><path d='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'/><path d='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'/><path d='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: #e0ab5d;
    --InTitleColor: #e4e4e4;
    --InTitleLightColor: #8a8a8a;
    --JPLightColor: #f16a6a;
    --KamionatColor: #bbb;
    --KampionatiListBack: #182f43;
    --NavigationBack: #2a3e56;
    --NavigationKampionatColor: #ddd;
    --NavigationSportColor: #bbb;
    --NavMenuVija: #4acfa5;
    --OddBackColor: #2a3e56;
    --OddColor: #e0ab5d;
    --Ora: #bbb;
    --PositionColor: #ddd;
    --SearchColor: #182f43;
    --SelectedKoefBack: #e4e4e4;
    --SelectedKoefColor: #101e2d;
    --SelectedKoefEkip: #545454;
    --TitleBackBorderColor: #535353;
    --TitleBackColor: #101e2d;
    --X12Back: #a7a7a7;
    --X12Color: #545454;
    --FooterBackground: #0a131e;


    .footer {
        background-color: #101e2d;
    }

    .hpf-BackToTop_Button_Text {
        background-color: var(--NavigationBack);
    }
    .featuredMatchBtn .bettingBtn, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton, .gameTableContent .singleGameContent .singleHomeOdd, .gameTableContent .singleGameContent .singleDrawOdd, .gameTableContent .singleGameContent .singleAwayOdd,
    .featuredPrematchWrappers .featuredPrematchItem .featuredMatchBtn .bettingBtn,
    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule,
    .newCatHolder {
        background-color: #1e3850;
        border-color: var(--BorderSeparator);
    }
    .gameTableContent .singleGameContent .singleAwayOdd.betSlipAdded, .gameTableContent .singleGameContent .singleDrawOdd.betSlipAdded, .gameTableContent .singleGameContent .singleHomeOdd.betSlipAdded {
        background-color: #95a7b6 !important;
    }
    .gameTableContent .singleGameContent .singleTeamNames,
    .featuredPrematchWrappers .featuredPrematchItem {
        background-color: var(--BodyBackColor);
        border-color: var(--BorderSeparator);
    }
    .singleHeaderHolderLabel {
        background-color: #95a7b6;
    }
    .view-all-row {
        background-color: #16293b;
    }
    .slotsItem span {
        background-color: #101e2d;
    }
    ::-webkit-scrollbar-thumb {
        background-color: rgb(112 125 141 / 50%)
    }
    ::-webkit-scrollbar-track {
        border-left: 1px solid #26364a;
    }
    section.content section.mainPanel section.leftPanel {
        background-color: var(--BodyBackColor);
    }
    section.content section.mainPanel section.leftPanel .menuHolder .menuItem {
        border-color: var(--BorderSeparator);
    }
    .fieldStaticHolder {
        background-color: var(--BodyBackColor);
    }
}

:root[MainTheme='blue-light'] {
    --BodyBackColor: #ced6d8;
    --BodyTextColor: #686866;
    --BodyColor: #f0f0ee;
    --BorderSeparator: #f0f0ee;
    --KampionatiListBack: #505050;
    --EkipetMajtasBack: #505050;
    --OddBackColor: #505050;
    --ColoriNext: #888;
    --EkipetColor: #ddd;
    --InPlayColor: #ffdf1b;
    --InTitleColor: #e4e4e4;
    --InTitleLightColor: #405371;
    --TitleBackBorderColor: #1e3a68;
    --TitleBackColor: #0e2243;
    --JPLightColor: #405371;
    --KamionatColor: #bbb;
    --NavigationBack: #2e4263;
    --NavigationKampionatColor: #ddd;
    --NavigationSportColor: #bbb;
    --NavMenuVija: #405371;
    --OddColor: #ffdf1b;
    --Ora: #bbb;
    --PositionColor: #ddd;
    --SearchColor: #666;
    --SelectedKoefBack: #e4e4e4;
    --SelectedKoefColor: #14805e;
    --SelectedKoefEkip: #545454;
    --X12Back: #a7a7a7;
    --X12Color: #545454;
    --yellowColor: #ffdf1b;


    .footer {
        background-color: #0e2243;
    }

    .hpf-BackToTop_Button_Text {
        background-color: var(--NavigationBack);
    }

    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton,
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton,
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton,
    .gameTableContent .singleGameContent .singleHomeOdd:not(.betSlipAdded),
    .gameTableContent .singleGameContent .singleDrawOdd:not(.betSlipAdded),
    .gameTableContent .singleGameContent .singleAwayOdd:not(.betSlipAdded),
    .featuredPrematchWrappers .featuredPrematchItem .featuredMatchBtn .bettingBtn,
    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule,
    .newCatHolder,
    .featuredPrematchWrappers .featuredPrematchItem .featuredMatchBtn .bettingBtn,
    .featuredPrematchWrapper .featuredPrematchItem,
    #content_container #inPlayMainContentHolder .betModule.liveInModule .betModuleHeaderContainer {
        background-color: #ced6d8 !important;
        border-color: var(--BorderSeparator);
        color: var(--BodyTextColor);
    }
    .gameTableContent .singleGameContent .singleAwayOdd.betSlipAdded,
    .gameTableContent .singleGameContent .singleDrawOdd.betSlipAdded,
    .gameTableContent .singleGameContent .singleHomeOdd.betSlipAdded,
    .featuredPrematchWrapper .featuredMatchBtn .bettingBtn {
        background-color: #95a7b6 !important;
        border-color: var(--BorderSeparator);
        color: #484646 !important;
    }

    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule span,
    .featuredMatchBtn .bettingBtn i:first-child {
        color: var(--BodyTextColor);
    }
    .gameTableContent .singleGameContent .singleTeamNames,
    .featuredPrematchWrappers .featuredPrematchItem,
    .leagueHeaderContent a {
        background-color: var(--BodyColor);
        border-color: var(--BodyBackColor);
        color: var(--BodyTextColor);
    }
    .singleHeaderHolderLabel {
        background-color: #95a7b6;
    }
    .view-all-row {
        background-color: #0e2243;
    }
    .slotsItem span {
        background-color: #0e2243;
    }
    ::-webkit-scrollbar-thumb {
        background-color: rgb(112 125 141 / 50%)
    }
    ::-webkit-scrollbar-track {
        border-left: 1px solid #26364a;
    }
    section.content section.mainPanel section.leftPanel {
        background-color: var(--TitleBackColor);
    }
    section.content section.mainPanel section.leftPanel .menuHolder .menuItem {
        background-color: var(--TitleBackColor);
        border-color: var(--TitleBackBorderColor);
    }
    .mainLeftMenuItem,
    section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper input {
        border-color: var(--TitleBackBorderColor);
    }
    .fieldStaticHolder {
        background-color: var(--BodyBackColor);
    }
    .featuredMatchName span, .gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn .singleTeamRowLabel .singleHomeName, .gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn .singleTeamRowLabel .singleAwayName,
    .gameTableContent .singleGameContent .singleTeamNames .singleMatchResult span,
    .betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn.active span {
        color: var(--BodyTextColor);
    }
    .betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn {
        border-color: #f0f0ee;
    }
    .featuredPrematchWrappers .featuredPrematchItem .numberofmarkets, .featuredPrematchWrapper .featuredPrematchItem .numberofmarkets,
    .gameTableContent .singleGameContent .singleTeamNames .singleDateColumn span,
    .featurePreMatchDate {
        color: #b5b5b3;
    }
    section.content section.mainPanel section.contentHolder,
    .showDateMobile,
    .singleMatchCatButtons,
    .prematchArrow,
    .singleMatchTitle {
        background-color: var(--TitleBackColor);
        border-color: var(--TitleBackBorderColor);
        color: var(--InTitleColor);
    }
    section.content section.mainPanel section.leftPanel .menuHolder .menuItem.active, section.content section.mainPanel section.leftPanel .menuHolder .menuItem:hover {
        background-color: var(--TitleBackColor);
    }

    table.page-table tbody td, table.page-table tbody th {
        color: var(--BodyTextColor);
    }

    .countryHeaderContent a {
        filter: invert(0.8);
    }

    .pageHeaderTitle {
        background-color: var(--NavigationBack);
    }
    .pageHeaderTitle .backBtn {
        border-color: var(--NavMenuVija);
    }

    .form-list-modal input {
        color: var(--KampionatiListBack);
    }
}

:root[MainTheme='jeshile'] {
    --BodyBackColor: #666;
    --BodyColor: #ccc;
    --BorderSeparator: #757575;
    --ColoriNext: #888;
    --EkipetColor: #ddd;
    --EkipetMajtasBack: #666;
    --Icon: url(data:image/svg+xml;charset=utf-8,<svg width='33' height='33' viewBox='0 0 33 33' xmlns='http://www.w3.org/2000/svg'><title>Oval 61 + Oval 62</title><g fill='%234ACFA5' fill-rule='evenodd'><path d='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'/><path d='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'/><path d='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;
    --TitleBackBorderColor: #8e0101;
    --TitleBackColor: #6c0101;
    --JPLightColor: #f16a6a;
    --KamionatColor: #bbb;
    --KampionatiListBack: #666;
    --NavigationBack: #474747;
    --NavigationKampionatColor: #ddd;
    --NavigationSportColor: #bbb;
    --NavMenuVija: #4acfa5;
    --OddBackColor: #585858;
    --OddColor: #ffdf1b;
    --Ora: #bbb;
    --PositionColor: #ddd;
    --SearchColor: #666;
    --SelectedKoefBack: #e4e4e4;
    --SelectedKoefColor: #14805e;
    --SelectedKoefEkip: #545454;
    --TitleBackBorderColor: #4acfa5;
    --TitleBackColor: #14805e;
    --X12Back: #a7a7a7;
    --X12Color: #545454;
}

:root[MainTheme='purple'] {
      --BodyBackColor: #666;
      --BodyColor: #ccc;
      --BorderSeparator: #757575;
      --ColoriNext: #888;
      --EkipetColor: #ddd;
      --EkipetMajtasBack: #666;
      --Icon: url(data:image/svg+xml;charset=utf-8,<svg width='33' height='33' viewBox='0 0 33 33' xmlns='http://www.w3.org/2000/svg'><title>Oval 61 + Oval 62</title><g fill='%234ACFA5' fill-rule='evenodd'><path d='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'/><path d='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'/><path d='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: #978ae9;
      --TitleBackBorderColor: #8e0101;
      --TitleBackColor: #6c0101;
      --JPLightColor: #f16a6a;
      --KamionatColor: #bbb;
      --KampionatiListBack: #666;
      --NavigationBack: #474747;
      --NavigationKampionatColor: #ddd;
      --NavigationSportColor: #bbb;
      --NavMenuVija: #4acfa5;
      --OddBackColor: #585858;
      --OddColor: #ffdf1b;
      --Ora: #bbb;
      --PositionColor: #ddd;
      --SearchColor: #666;
      --SelectedKoefBack: #e4e4e4;
      --SelectedKoefColor: #14805e;
      --SelectedKoefEkip: #545454;
      --TitleBackBorderColor: #607fc5;
      --TitleBackColor: #40319a;
      --X12Back: #a7a7a7;
      --X12Color: #545454;
}

:root[MainTheme="purple"] section.header .headerWrapper {
    background-image: url(../img/bar.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

:root[MainTheme="purple"] .betModule.liveInModule .betModuleHeaderContainer {
    background-image: url(../img/bar2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

:root[MainTheme='tiffanyblue'] {
    --BodyBackColor: #666;
    --BodyColor: #ccc;
    --BorderSeparator: #757575;
    --ColoriNext: #888;
    --EkipetColor: #ddd;
    --EkipetMajtasBack: #666;
    --Icon: url(data:image/svg+xml;charset=utf-8,<svg width='33' height='33' viewBox='0 0 33 33' xmlns='http://www.w3.org/2000/svg'><title>Oval 61 + Oval 62</title><g fill='%23f1' fill-rule='evenodd'><path d='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'/><path d='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'/><path d='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: #464646;
    --JPBackBorderColor: #8e0101;
    --JPBackColor: #0abab5;
    --JPLightColor: #0abab5;
    --KamionatColor: #bbb;
    --KampionatiListBack: #666;
    --NavigationBack: #474747;
    --NavigationKampionatColor: #ddd;
    --NavigationSportColor: #bbb;
    --NavMenuVija: #0abab5;
    --OddBackColor: #585858;
    --OddColor: #ffdf1b;
    --Ora: #bbb;
    --PositionColor: #ddd;
    --SearchColor: #666;
    --SelectedKoefBack: #e4e4e4;
    --SelectedKoefColor: #14805e;
    --SelectedKoefEkip: #545454;
    --TitleBackBorderColor: #0abab5;
    --TitleBackColor: #0abab5;
    --X12Back: #a7a7a7;
    --X12Color: #545454;
    --s4Color: #0abab5 !important;
    --s4ColorBorder: #0abab5 !important;
    --HumbeseColor: #e91a1a;

    .betModule.liveInModule .betModuleHeaderContainer, .gameTableHeader .gameTableHeaderTitle {
        background-color: #444343;
        border-top: 1px solid var(--TitleBackBorderColor);
        border-bottom: none !important;
    }
    
    .betModule.liveInModule {
        margin-top: 5px;
        
        &.sportsLanding {
            margin-top: 0;
            background-color: var(--X12Color);
        }
    }

    .betModule.liveInModule {
        border-top: none !important;
    }

    .pageSection {
        background-color: #282828;
    }

    .logo.active::after {
        background-color: var(--InPlayColor)
    }

    .loginModal .loginModalWrapper .loginAuthBtn {
        color: rgb(0, 0, 0);
        background-color: rgb(255, 204, 0);
    }

    #content_container  #inPlayMainContentHolder[sportid="1"] {
        .betModule.liveInModule .betModuleHeaderContainer {
            background-color: var(--TitleBackColor);
            border-color: var(--TitleBackBorderColor);
        }
        
        .betModule.liveInModule {
            margin-top: 0;
        }
    }

    .in-play-header-tab.active[sportid="1"]::after {
        border-color: transparent transparent var(--TitleBackBorderColor);
    }


}

.mainSlider {
    height: 160px;
    margin-bottom: 6px;
    margin: 5px 0;
}

.disabled {
    pointer-events: none !important;
    cursor: default !important;
    background-color: lightyellow !important;
    color: black !important;
}

.sliderItemCasino {
    float: left;
    width: 100%;
    height: 160px;
}
.sliderItemCasino img {
    float: left;
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 100%;
    border-radius: 5px;
    transition: 1s linear all;
    transform: scale(0.95);
}
.mainSlider  .slick-slide.slick-active img {
    transform: scale(0.95) !important;
}
.sliderItemCasino {
    padding-left: 0;
}
.slick-list {
    padding: 0 !important;
}

@media only screen and (max-width: 768px) {
    .footer .footerWrapper{
        padding-bottom: 100px;
    }
    .mainSlider  .slick-slide.slick-active img {
        transform: scale(1) !important;
    }
    .sliderItemCasino img {
        float: left;
        width: 100%;
        object-fit: cover;
        object-position: center;
        height: 100%;
        border-radius: 5px;
        transition: 1s linear all;
        transform: scale(0.95);
    }

    .mainSlider {
        height: 160px;
        margin-bottom: 6px;
        margin: 5px 0;
        margin-top: 0;
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    .mainSlider .slick-list {
        padding: 0 20px !important;
    }
    
    .sliderItemCasino {
        float: left;
        width: 100%;
        height: 160px;
    }
    .sliderItemCasino img {
        float: left;
        width: 100%;
        object-fit: cover;
        object-position: center;
        height: 100%;
        border-radius: 5px;
        transition: 1s linear all;
        transform: scale(0.95);
    }
    .mainSlider  .slick-slide.slick-active img {
        transform: scale(1) !important;
    }

    

    .jackpotHolderMain{
        margin: 0;
    }

    .accountBalanceWrapper .accountBalanceContent .accountBalanceContentHeader.whiteColor {
        background-color: #ddd;
        color: #000;
    }
    .accountBalanceWrapper .accountBalanceContent .accountBalanceContentHeader.whiteColor span {
        font-size: 10pt;
        color: #000;
    }
    .accountBalanceWrapper .accountBalanceContent .accountBalanceContentHeader.whiteColor span:first-child {
        text-align: left;
    }

    .accountBalanceWrapper .accountBalanceContent .accountBalanceContentHeader.whiteColor.fiveColumnsHolder span {
        width: calc(100% / 5) !important;
    }

    .accountBalanceWrapper .accountBalanceContent .accountBalanceContentHeader.whiteColor.fourColumnsHolder span,
    .accountBalanceRow.fourColumnsHolder span {
        width: calc(100% / 4) !important;
    }

    .superMenagerHeader {
        display: none;
    }

    #currentBalanceUserCoinSelect {
        width: 50px;
    }

    .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
        border-left: 0;
    }

    .betSlip {
        /* -webkit-transition: .3s linear all;
        -o-transition: .3s linear all;
        transition: .3s linear all; */
        transition: .35s cubic-bezier(.215, .61, .355, 1) all;
    }

    .betSlip {
        height: 50px;
        overflow: hidden;
    }

    .betSlip.slideDown {
        height: 380px;
    }
    .homePageBanner .bettingBannerDetails {
        width: 100%;
    }

    section.content section.rightPanel {
        position: fixed;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: auto;
        bottom: 0;
        right: auto;
        z-index: 999;
    }

    .headerScrolled section.content section.rightPanel {
        top: auto;
    }

    section.content section.mainPanel {
        width: 100%;
    }

    .gameTableContent .singleGameContent .singleTeamNames {
        width: 100%;
        height: auto;
    }
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton,
    .gameTableContent .singleGameContent .singleHomeOdd,
    .gameTableContent .singleGameContent .singleDrawOdd,
    .gameTableContent .singleGameContent .singleAwayOdd {
        width: 33.333333%;
    }
    section.content section.mainPanel section.contentHolder {
        padding: 0 6px;
    }
    body.bg-black section.content section.mainPanel section.contentHolder {
        background-color: #0c092a;
    }

    body.bg-black section.header .headerWrapper {
        background-color: #333;
        border-bottom: 1px solid #555;
    }
    body.bg-black section.header .headerHelper {
        background-color: #333;
        border-bottom: 1px solid #555;
    }

    .currentUserWrapperFilter input,
    .accountBalanceFilter input,
    .myBetsWrapper .myBetsFilter input,
    .myBetsAdministrationFilter select {
        max-width: calc(50% - 10px);
    }
    .currentUserWrapperFilter input:first-child,
    .accountBalanceFilter input:first-child,
    .myBetsWrapper .myBetsFilter input:first-child,
    .myBetsAdministrationFilter select:first-child {
        margin-right: 10px;
    }
    .currentUserWrapperFilter span, .accountBalanceFilter span, .myBetsWrapper .myBetsFilter span {
        width: 110px;
        float: left;
    }
    .currentUserWrapperFilter input, .accountBalanceFilter input, .myBetsWrapper .myBetsFilter input, .myBetsAdministrationFilter select {
        float: left;
        width: calc(100% - 120px);
        margin-left: 10px;
        max-width: 100%;
    }
    #currentBalanceUserCoinSelect {
        float: left;
        width: calc(100% - 120px);
        margin-left: 10px;
        margin-right: 0;
    }
    .currentUserWrapperFilter, .accountBalanceFilter, .myBetsWrapper .myBetsFilter, .myBetsAdministrationFilter,
    .usersHeader, .createUsersHeader, .currentUserWrapper, .changePasswordHeader, .myBetsWrapper .myBetsHeader {
        height: auto;
    }
    .currentUserWrapperFilter span, .accountBalanceFilter span, .myBetsWrapper .myBetsFilter span, .myBetsAdministrationFilter span {
        float: left;
        width: 110px;
        font-size: 13px;
        color: #fff;
        line-height: 40px;
        text-align: left;
    }
    .myBetsAdministrationFilter {
        width: 100%;
    }

    section.content section.mainPanel section.contentHolder {
        width: 100%;
        padding: 0 6px;
    }
    .loginModal .loginModalWrapper {
        width: calc(100% - 12px);
    }
    .loginModal {
        background-color: rgba(0,0,0,.4);
    }
    section.content section.rightPanel {
        width: 100%;
    }

    .homePageBanner {
        height: auto;
    }
    .homePageBanner .imageHomePageBanner {
        height: 230px;
        width: 100%;
    }

    section.header .headerWrapper .rightNavWrapper .profileWrapper .profileIcon {
        width: 24px;
        margin: 0 20px;
        margin-top: 0;
        transition: .3s ease all;
    }

    section.header .headerWrapper .rightNavWrapper .profileWrapper.active .profileIcon {
        margin: 7px 10px;
        width: 34px;
    }
    section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails {
        padding-right: 6px;
        padding-right: 6px;
        line-height: normal;
        padding: 0;
        height: auto;
        position: absolute;
        bottom: 11px;
        right: 0;
    }
    section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails .profileName {
        font-size: 9pt;
        line-height: 7pt;
        margin-bottom: 4pt;
    }
    section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails .profileBalance {
        font-size: 9pt;
        line-height: 7pt;
        margin-top: 4pt;
    }
    section.header .headerHelper .leftMenuHeaderHelper .menuItem {
        font-size: 8pt;
        margin-right: 10px;
    }
    section.header .headerHelper .rightMenuHeaderHelper .menuItem {
        font-size: 8pt;
        margin-right: 10px;
        margin-left: 0;
    }
    section.header .headerWrapper .mainMenuHolder {
        width: calc(100% - 140px)
    }
    section.header .headerWrapper .mainMenuHolder .menuItem:first-child {
        font-size: 10pt;
        margin: 0;
        float: left;
        margin-left: 10px;
    }
    section.header .headerWrapper .mainMenuHolder .menuItem:nth-child(2) {
        font-size: 10pt;
        margin: 0;
        float: left;
        margin-left: 15px;
    }
    .menuItem#myBetsPage {
        /*display: none !important;*/
    }

    section.header .headerWrapper .mainMenuHolder .menuItem:last-child {
        float: right;
        margin: 0;
    }
    section.header .headerWrapper .mainMenuHolder .menuItem:first-child,
    section.header .headerWrapper .mainMenuHolder .menuItem:nth-child(2){
        font-size: 13px;
        margin: 0;
        float: right;
        margin-right: 20px;
        margin-right: 0;
        float: left;
        margin-left: 15px;
    }
    section.header .headerWrapper .searchWrapper {
        display: none;
    }
    section.header .headerWrapper .logo {
        width: 40px;
        position: absolute;
        left: 50%;
        top: 0;
        z-index: 9;
        -webkit-transform: translateX(-55%);
        -ms-transform: translateX(-55%);
        transform: translateX(-55%);
    }
    section.header .headerWrapper .logo img {
        padding: 15px 0;
    }

    section.header .container {
        padding: 0 6px;
    }

    .burgerBtn {
        float: left;
        width: 50px;
        height: 100%;
        position: relative;
    }

    .burgerBtn .burgerBtnHolder {
        float: left;
        width: 16px;
        height: 10px;
        margin: 14px 6px;
        position: relative;
    }
    section.header .headerWrapper .mainMenuHolder .menuItem {
        line-height: 50px;
        font-size: 10pt;
    }
    section.header .headerWrapper .logo {
        height: 40px;
        line-height: 40px;
    }
    .burgerBtn span {
        position: absolute;
        width: 100%;
        height: 2px;
        background: #fff;
        border-radius: 0;
        position: absolute;
        left: 50%;
        -webkit-transition: .3s linear all;
        -o-transition: .3s linear all;
        transition: .3s linear all;
    }
    .burgerBtn span:first-child {
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .menuOpened .burgerBtn span:first-child {
        top: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }
    .burgerBtn span:nth-child(2) {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .menuOpened .burgerBtn span:nth-child(2) {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }
    .burgerBtn span:last-child {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
    }
    .menuOpened .burgerBtn span:last-child {
        bottom: 50%;
        -webkit-transform: translate(-50%, 50%) rotate(-45deg);
        -ms-transform: translate(-50%, 50%) rotate(-45deg);
        transform: translate(-50%, 50%) rotate(-45deg);
    }
    #leftpanel_container {
        width: 0;
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        z-index: 999;
    }

    .gameTableContent.notChildrenMatched {
        display: none;
    }
    .gameTableContent .singleGameContent.notMatched {
        display: none;
    }

    section.content section.mainPanel section.leftPanel {
        float: left;
        position: fixed;
        left: -180px;
        height: 100vh;
        top: 0;
        -webkit-transition: .2s linear all;
        -o-transition: .2s linear all;
        transition: .2s linear all;
    }

    section.content section.mainPanel section.leftPanel {
        -webkit-transition: .2s linear all;
        -o-transition: .2s linear all;
        transition: .2s linear all;
    }
    .menuOpened section.content section.mainPanel section.leftPanel {
        left: 0;
    }

    .menuOpened section.header {
        overflow: hidden;
    }
    section.header .headerHelper,
    section.header .headerWrapper {
        -webkit-transition: .2s linear all;
        -o-transition: .2s linear all;
        transition: .2s linear all;
    }

    .menuOpened section.header .headerHelper,
    .menuOpened section.header .headerWrapper {
        -webkit-transform: translateX(280px);
        -ms-transform: translateX(280px);
        transform: translateX(280px);
    }

    section.content section.mainPanel section.contentHolder .pageSection {
        -webkit-transition: .2s linear all;
        -o-transition: .2s linear all;
        transition: .2s linear all;
    }
    .menuOpened section.content section.mainPanel section.contentHolder .pageSection {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    section.content section.mainPanel section.contentHolder {
        -webkit-transition: .2s linear all;
        -o-transition: .2s linear all;
        transition: .2s linear all;
    }
    .menuOpened section.content section.mainPanel section.contentHolder {
        overflow-x: hidden;
    }
    .gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn {
        width: 100%;
        margin-right: 0;
    }
    section.header .headerWrapper .rightNavWrapper .profileWrapper {
        height: 40px;
        padding-left: 0;
    }
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton,
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton,
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton,
    .gameTableContent .singleGameContent .singleHomeOdd,
    .gameTableContent .singleGameContent .singleDrawOdd,
    .gameTableContent .singleGameContent .singleAwayOdd {
        width: 20%;
    }
    .gameTableContent .singleGameContent .singleTeamNames .singleDateColumn {
        position: absolute;
        bottom: 0;
        left: 10px;
    }
    .gameTableContent .singleGameContent .singleTeamNames .singleDateColumn span.numberofmarkets {
        position: absolute;
        right: 0;
        width: auto;
    }
    .gameTableContent .singleGameContent .singleTeamNames {
        width: 55%;
        position: relative;
    }
    .gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn .singleTeamRowLabel .singleHomeName {
        width: 100%;
        font-size: 9pt;
        padding-left: 6pt;
        padding-right: 50px;
        line-height: normal;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn .singleTeamRowLabel .singleAwayName {
        width: 100%;
        font-size: 9pt;
        padding-left: 6pt;
        padding-right: 50px;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis;
        line-height: normal;
        overflow: hidden;
        white-space: nowrap;
    }

    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton,
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton, .gameTableContent .singleGameContent .singleHomeOdd {
        width: 33.33333%;
    }
    .gameTableContent .singleGameContent .singleDrawOdd,
    .gameTableContent .singleGameContent .singleAwayOdd {
        width: 16.65%;
    }
    .gameTableContent .singleGameContent .singleHomeOdd {
        width: 16.65%;
    }

    .gameTableContent .singleGameContent .singleTeamNames .singleMatchResult {
        position: absolute;
        right: 0;
        top: 0;
    }


    .gameTableContent .singleGameDateLabel span:nth-child(3),
    .gameTableContent .singleGameDateLabel span:nth-child(4),
    .gameTableContent .singleGameDateLabel span:nth-child(2) {
        width: 15%;
    }
    .gameTableContent .singleGameDateLabel span {
        color: #fff;
        line-height: 20px;
    }
    .gameTableContent .singleGameDateLabel span:first-child {
        width: 55%;
    }


    .gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn {
        width: 100%;
        margin-right: 0;
        height: 60px;
    }
    .gameTableContent .singleGameContent .singleTeamNames .singleDateColumn span {
        padding-left: 0;
    }
    .gameTableContent .singleGameContent .singleTeamNames .singleMatchResult span {
        font-size: 12px;
        line-height: normal;
        font-weight: 600;
        padding: 0 3pt
    }

    .gameTableContent .singleDateColumn .livestream-option {
        left: unset;
        margin-left: 16px;
    }

    body.betSlipOpened {
        /*overflow: hidden;*/
    }

    /*.ranges {*/
    /*    display: none;*/
    /*}*/


    .daterangepicker .ranges li{
        font-size: 11px;
        padding: 8px 0px;
        cursor: pointer;
        text-align: center;
        float: left;
        border-radius: 5px;
        border: 1px solid #000;
        margin: 5px;
        width: calc(33.333% - 10px);
        margin: 5px;
    }
    .daterangepicker .ranges li:last-child {
        display: none;
    }

    .loaderWrapper {
        float: left;
        height: 100vh;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,0);
        -webkit-transition: .2s linear all;
        -o-transition: .2s linear all;
        transition: .2s linear all;
        z-index: 99999;
        top: 0;
    }
    #login_container {
        z-index: 9999999999999999999999999;
    }
    .loginModal {
        z-index: 99999999999999999999999999;
    }
    .daterangepicker {
        width: calc(100% - 30px);
        right: 15px !important;
        border: 0;
    }
    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border: 0;
    }
    .daterangepicker.show-calendar .drp-calendar {
        margin: 0 auto;
    }

    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel {
        width: 55%;
        height: 60px;
        position: relative;
    }
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons {
        width: 45%;
        height: 60px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
    }
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton, .gameTableContent .singleGameContent .singleHomeOdd {
        height: 61px;
    }
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton span:first-child,
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton span:first-child,
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton span:first-child {
        display: none;
    }
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton span:last-child, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton span:last-child, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton span:last-child {
        height: 60px;
        line-height: 60px;
        padding-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:last-child{
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 7pt;
        line-height: 20px;
        height: 20px;
    }
    .featuredMatchBtn .bettingBtn {
        font-size: 12px;
    }
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:nth-child(2) {
        position: absolute;
        right: 7px;
        top: 0;
        width: 7px;
        height: 60px;
        line-height: normal;
        padding: 0;
        overflow: hidden;
        padding-top: 6px;
    }
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueAccordionEvent{
        height: 60px;
    }

    .closeModal {
        position: absolute;
        top: 6px;
        right: 6px;
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 50px;
        display: inherit;
    }
    .betSlip .betSlipHeader .betBalance {
        padding-right: 50px;
    }

    section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails .profileName {
        display: inherit;
        margin-bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
        position: absolute;
        bottom: 3px;
        right: 0;
        font-size: 8pt;
        color: #fff;
    }

    section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails .profileBalance {
        margin-top: 9pt;
    }

    .hideMe {
        display: none;
    }
    section.header .headerWrapper .mainMenuHolder .menuItem:first-child {
        display: none;
    }

    section.header .headerWrapper .logo span {
        text-align: center;
        float: left;
        width: 100%;
    }
    section.header .headerWrapper .logo {
        /*display: none;*/
    }

    .burgerBtn .burgerBtnHolder {

    }

    section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails {
        display: inherit;
        bottom: 0;
        width: 55px;
        height: 40px;
    }

    section.header .headerWrapper {
        height: 40px;
    }

    section.header .headerWrapper .rightNavWrapper .profileWrapper .profileIcon {
        width: 20px;
    }

    .burgerBtn span {
        height: 1px;
    }
    section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails .profileBalance {
        display: none;
    }

    section.header .headerWrapper .rightNavWrapper .menuItem.loginBtn {
        margin: 0;
        margin: 5px 2px;
    }
    section.header .headerWrapper .rightNavWrapper .menuItem.loginBtn.registerBtn {
        margin-right: 10px;
    }
    section.header .headerWrapper .rightNavWrapper {
        height: 40px;
    }

    body.bg-black .headerHide svg {
        fill: #00fff2;
    }
    body.bg-black section.header .headerHelper .leftMenuHeaderHelper .menuItem,
    body.bg-black section.header .headerHelper .rightMenuHeaderHelper .menuItem,
    body.bg-black section.header .headerHelper .leftMenuHeaderHelper .menuItem.active,
    body.bg-black section.header .headerHelper .leftMenuHeaderHelper .menuItem:hover{
        color: #00fff2;
    }

    body.bg-black section.header .headerWrapper .mainMenuHolder .menuItem {
        color: #fff;
    }
    body.bg-black section.header .headerWrapper .rightNavWrapper .menuItem.loginBtn {
        color: #00fff2;
        background-color: transparent;
    }
    body.bg-black section.header .headerWrapper .rightNavWrapper .menuItem.loginBtn.registerBtn {
        color: #fff;
    }
    body.bg-black .burgerBtn span {
        background-color: #00fff2;
    }

    .errorDesc {
        float: left;
        width: 100%;
        height: auto;
        color: red;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
    }

    .groupGame {
        float: left;
        width: 100%;
        height: auto;
        display: none;
    }
    .groupGame.active {
        display: inherit;
    }

    .slotsCatHolder {
        float: left;
        height: 50px;
        background-color: #222;
        -webkit-transform: translateX(-6px);
        -ms-transform: translateX(-6px);
        transform: translateX(-6px);
        width: calc(100% + 12px);
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .slotsCatHelper {
        float: left;
        width: 100%;
        height: auto;
    }
    .groupFamilyBtn {
        float: left;
        text-transform: uppercase;
        width: auto;
        color: #fff;
        height: 50px;
        font-size: 10pt;
        line-height: 50px;
        padding: 0px 15px;
    }
    .groupFamilyBtn.active {
        color: #00fff2;
    }

    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:first-child {
        line-height: 20px;
        height: 40px;
        width: 100%;
        padding-top: 6px;
    }
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:first-child i:last-child::before {
        content: '';
        padding: 0;
    }
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span i {
        float: left;
        width: 100%;
        height: auto;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        line-height: normal;
        overflow: hidden;
        white-space: nowrap;
    }
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton,
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton, .gameTableContent .singleGameContent .singleHomeOdd, .gameTableContent .singleGameContent .singleDrawOdd, .gameTableContent .singleGameContent .singleAwayOdd {
        font-size: 11px;
        font-weight: 600;
        position: relative;
    }

    .goalAnotherType .singleAwayOdd {
        display: none;
    }

    .disabledBtn .marketTypeDescription {
        display: none !important;
        color: #fff !important;
    }

    .goalAnotherType .gameTableContent .singleGameContent .singleHomeOdd,
    .goalAnotherType .gameTableContent .singleGameContent .singleDrawOdd {
        width: 22.5% !important;
        line-height: 70px;
    }

    section.content {
        -webkit-transition: .15s linear all;
        -o-transition: .15s linear all;
        transition: .15s linear all;
        margin-top: 85px;
    }

    .livePage section.content {
        margin-top: 45px;
    }
    body.livePage.headerScrolled section.content {
        margin-top: 45px;
    }

    .closeModal svg {
        float: left;
        width: 100%;
        fill: #626262;
        padding: 18px;
    }


    .eventShown {
        display: inherit;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        background: rgba(0,0,0,.7);
        width: 100vw;
        height: 100vh;
        -webkit-transition: .3s linear all;
        -o-transition: .3s linear all;
        transition: .3s linear all;
        opacity: 0;
        visibility: hidden;
    }

    .betSlip .betSlipContent .betSlipSingleItem .betSlipSingleContent .betSlipSingleLiveFrame {
        float: right;
        /* padding: 0 0 8px 0; */
        position: relative;
        margin: 2px;
        overflow: hidden;
        width: 60%;
        height: 90px;
    }

    .menuOpened .eventShown {
        opacity: 1;
        visibility: visible;
    }

    .leftPanel {
        z-index: 9999;
    }

    .menuOpened section.content section.mainPanel section.leftPanel {
        width: 320px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    section.content section.mainPanel section.leftPanel .menuHolder .menuItem {
        font-size: 9pt;
        line-height: 40px;
        height: 40px;
    }

    body.menuOpened{
        overflow: visible;
    }

    section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper .iconSearch {
        float: left;
        width: 20px;
        height: 17px;
        fill: #9c9c9c;
        position: absolute;
        left: 15px;
        top: 10px;
    }
    section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper {
        float: left;
        width: 100%;
        position: relative;
    }
    section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper input {
        padding: 0 10px;
        height: 40px;
        width: 100%;
        line-height: 40px;
        outline: none;
        border: 0;
        border-bottom: 1px solid #404040;
        background-color: transparent;
        color: #fff;
        padding-left: 50px;
    }
    section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper input::-webkit-input-placeholder {
        color: #9c9c9c;
    }
    section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper input::-moz-placeholder {
        color: #9c9c9c;
    }
    section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper input:-ms-input-placeholder {
        color: #9c9c9c;
    }
    section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper input::-ms-input-placeholder {
        color: #9c9c9c;
    }
    section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper input::placeholder {
        color: #9c9c9c;
    }

    .mainLeftMenuItem {
        float: left;
        width: 100%;
        border-bottom: 1px solid #404040;
    }
    .mainLeftMenuItem a {
        float: left;
        width: 25%;
        height: 50px;
        overflow: hidden;
        padding: 0 10px;
        position: relative;
    }
    .mainLeftMenuItem a::before {
        content: '';
        float: left;
        width: 25px;
        height: 25px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 5px;
        background-image: url('../img/sidebar-sprite-v2.svg');
        background-repeat: no-repeat;
        background-size: 425px;
    }

    .mainLeftMenuItem a.leftMenuHome::before {
        background-position: left 0 top 0;
    }
    .mainLeftMenuItem a.leftMenuHome.active::before {
        background-position: left -48px top 0;
    }

    .mainLeftMenuItem a.leftMenuInPlay::before {
        background-position: left -100px top 0;
    }

    .mainLeftMenuItem a.leftMenuInPlay.active::before {
        background-position: left -156px top 0;
    }

    .mainLeftMenuItem a:nth-child(3)::before {
        background-position: left -215px top 0;
    }

    .mainLeftMenuItem a:nth-child(3).active::before {
        background-position: left -270px top 0;
    }

    .mainLeftMenuItem a:nth-child(4)::before {
        background-position: left -332px top 0;
    }

    .mainLeftMenuItem a:nth-child(4).active::before {
        background-position: left -387px top 0;
    }


    .mainLeftMenuItem a span {
        float: left;
        width: 100%;
        line-height: normal;
        color: #9c9c9c;
        height: 100%;
        text-align: center;
        font-size: 9pt;
        padding-top: 30px;
    }
    .mainLeftMenuItem a.active span {
        color: #4acfa5;
    }

    .homeLeftBtn {
        float: left;
        width: 100%;
        font-size: 9pt;
        line-height: 40px;
        padding: 0 15px;
        height: 40px;
        color: #9c9c9c;
        border-bottom: 1px solid #404040;
        cursor: pointer;
    }

    .daterangepicker .drp-calendar.right {
        border-left: 0;
    }


    section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper {
        display: inherit;
    }

    .mainLeftMenuItem {
        display: inherit;
    }

    section.header .headerHelper .rightMenuHeaderHelper .menuItem.headerHide {
        float: left;
        width: 25px;
        height: 45px;
    }
    .headerHide svg {
        fill: #9c9c9c;
        float: left;
        width: 100%;
        height: 100%;
        padding: 0 6px;
    }
    .headerScrolled.headerScrolledStatic section.header,
    .headerScrolledStatic section.header {
        -webkit-transform: translateY(-45px);
        -ms-transform: translateY(-45px);
        transform: translateY(-45px)
    }

    .headerScrolledStatic section.content {
        margin-top: 40px;
    }

    .singleMatchTitle .singleCategoryTitle a {
        font-size: 9pt;
        padding-left: 20px;
    }
    .singleMatchTitle .singleCategoryTitle a::before {
        left: 2.5px;
    }
    .singleMatchCatButtons .singleMatchCatBtn {
        margin: 0 10px;
        font-size: 8pt;
        font-weight: 600;
    }
    .singleMatchTitle span {
        font-size: 10pt;
        line-height: normal;
        padding-right: 100px;
        height: auto;
    }

    .slotsItemListed,
    .menuItemListed {
        float: left;
        width: 100%;
        display: none;
        height: auto;
    }

    .slotsItemListed.active,
    .menuItemListed.active {
        display: inherit;
    }

    .slotsItemListed .slotItemList {
        float: left;
        width: 100%;
        height: auto;
        padding: 6px;
        background: rgba(0,0,0,.1);
        border-bottom: 1px solid #9c9c9c;
    }

    .slotsItemListed .slotItemList span {
        float: left;
        width: calc(100% - 60px);
        font-size: 9pt;
        line-height: 40px;
        height: 40px;
        color: #9c9c9c;
        padding-left: 10px;

    }
    .slotsItemListed .slotItemList img {
        float: left;
        width: 60px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
    }


    .slotsHolderScroll {
        float: left;
        width: 100%;
        height: 140px;
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .slotsHolderScroll .scrollHelper {
        float: left;
        width: auto;
        height: 140px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .singleMatchTitle span:last-child {
        width: 120px;
        line-height: normal;
        text-align: right;
        font-size: 7pt;
        height: auto;
        padding-top: 5px;
        position: relative;
        bottom: auto;
        top: auto;
        right: auto;
        float: left;
        clear: left;
    }
    section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown {
        background-color: #fff;
    }
    section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileNav a {
        font-weight: 400;
    }

    .singleMatchTitle .singleCategoryTitle a {
        width: auto;
        font-size: 11pt;
        padding-left: 10px;
        margin-top: 15px;
        font-weight: 600;
    }
    .singleMatchTitle .singleCategoryTitle {
        width: auto;
    }

    .singleMatchTitle span {
        font-size: 11pt;
        padding-right: 0;
        padding-top: 15px;
        line-height: 20px;
        font-weight: normal;
        padding-left: 5px;

    }
    .singleMatchTitle {
        height: auto;
        padding-bottom: 10px;
    }

    .dropdownWrapper {
        float: right;
        width: 50%;
        height: 40px;
        position: relative;
    }

    .dropdownWrapper .dropdownSelectedLabel {
        float: left;
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #fff;
        position: relative;
        padding-right: 30px;
        font-size: 9pt;
        text-align: right;
    }
    .dropdownWrapper .dropdownSelectedLabel::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 40px;
        background-image: url("../img/selectArrow.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 12px;
    }

    .dropdownWrapper .dropdownContentItem {
        float: left;
        width: 100%;
        position: absolute;
        top: 100%;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: .15s linear all;
        -o-transition: .15s linear all;
        transition: .15s linear all;
        z-index: 99;
    }
    .dropdownWrapper.expand .dropdownContentItem {
        opacity: 1;
        visibility: visible;
    }
    .dropdownWrapper .dropdownContentItem .dropdownItemLinks {
        float: left;
        width: 100%;
        height: 40px;
        background-color: #ddd;
        color: #333;
        line-height: 40px;
        font-size: 10pt;
        padding-left: 15px;
        font-weight: 600;
        border-bottom: 1px solid #ccc;
        position: relative;
        font-family: -apple-system,"Helvetica Neue",Helvetica,"Segoe UI",Roboto,"Droid Sans",Arial,sans-serif;
    }
    .dropdownWrapper .dropdownContentItem .dropdownItemLinks.active {
        background-color: #fff;
        color: #14805e;
    }
    .dropdownWrapper .dropdownContentItem .dropdownItemLinks.active::before {
        content: "";
        width: 4px;
        background-color: #4acfa5;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
    }




    .singleMatchCatButtons {
        height: 40px;
        width: 100%;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        margin-bottom: 0;
    }

    .showDateMobile {
        float: left;
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-size: 8pt;
        padding-left: 10px;
        display: inherit;
        background: #474747;
    }
    .singleMatchCatButtons .singleMatchCatBtn {
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }
    .singleMatchBetModule .singleMatchBetModuleGroup {
        background-color: #666;
    }
    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule:last-child {
        border-right: 1px solid #757575;
    }

    .singleMatchTitle .singleCategoryTitle a::before {
        display: none;
    }

    .singleMatchTitle {
        position: relative;
        height: 47px;
        overflow-x: auto;
        overflow-y: hidden;
        background-color: #474747;
    }
    .singleMatchTitle .liveSingleMatch .matchVersusName.mobileMatch {
        padding-top: 0;
    }

    .singleMatchTitle .singleMatchScrolLMeName {
        position: absolute;
        left:0;
        top: 0;
        z-index: 2;
        height: 100%;
    }

    .singleMatchTitle span:last-child {
        position: absolute;
        display: none;
    }

    .scrollMe {
        float: left;
        position: absolute;
        height: 30px;
    }
/* 
    * ::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #333;
    }

    * ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.4);
        box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.4);
    }

    * ::-webkit-scrollbar-thumb {
        background-color: #c6c6c6;
        outline: 1px solid slategrey;
        border-radius: 3px;
    } */
    .singleMatchCatButtons .singleMatchCatBtn.active:before {
        content: none;
    }

    .dateMobileHiden {
        display: none;
    }

    .liveSingle.showDateMobile {
        display: none;
    }
    .singleMatchLiveField #iframe {
        height: 222px !important;
    }

    .singleFieldButtons {
        display: none;
    }
    section.header {
        height: 85px;
    }

    .fieldStaticHolder {
        float: left;
        width: calc(100% - 12px);
        position: fixed;
        right: 6px;
        top: 85px;
        -webkit-transition: .15s linear all;
        -o-transition: .15s linear all;
        transition: .15s linear all;
        height: 235px;
        overflow: hidden;
    }
    body.headerScrolled .fieldStaticHolder {
        top: 84px;
        height: 235px;
        overflow: hidden;
    }
    body.livePage.headerScrolled .fieldStaticHolder {
        -webkit-transform: scale(0.8) translate(48px, -85px);
        -ms-transform: scale(0.8) translate(48px, -85px);
        transform: scale(0.8) translate(48px, -85px);
    }

    .betModule.liveInModule.sportsLanding::-webkit-scrollbar-track {
        background-color: var(--BodyBackColor);
    }

    .betModule.liveInModule.sportsLanding {
        float: left;
        width: calc(100% + 12px);
        height: 90px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-transform: translateX(-6px);
        -ms-transform: translateX(-6px);
        transform: translateX(-6px);
        background-color: #383838;
        background-color: var(--BodyBackColor);
        border-bottom: none;
    }

    .messageModal,
    .loaderWrapper-bet {
        width: calc(100% - 12px);
        height: 380px;
        bottom: 6px;
        top: auto;
        /*background-color: rgba(0,0,0,0);*/
        background-color: rgba(0,0,0,.2);
        height: 100vh !important;
        right: 0 !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 999 !important;
    }
    .messageModal {
        background-color: rgba(0,0,0,.2);
        height: 100vh !important;
        right: 0 !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 99999999999 !important;
    }

    .pageHeaderTitle {
        float: left;
        width: 100%;
        height: 50px;
        margin-top: 6px;
        background-color: #383838;
        position: relative;
    }

    .pageHeaderTitle .backBtn {
        display: inherit;
        float: left;
        height: 50px;
        width: 40px;
        border-right: 1px solid #585858;
    }
    .pageHeaderTitle .backBtn svg {
        float: left;
        width: 100%;
        padding: 18px 15px;
        height: 100%;
        fill: #fff;
    }
    .pageHeaderTitle span {
        float: left;
        width: auto;
        text-align: left;
        padding-left: 10px;
        font-size: 10pt;
        color: #fff;
        position: absolute;
        line-height: normal;
        left: 40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .pageHeaderTitle .liveTitleBtn {
        float: right;
        width: auto;
        text-align: left;
        line-height: 50px;
        padding-left: 15px;
        font-size: 10pt;
        color: #fff;
        padding-right: 40px;
        background-image: url('../img/right-arrow.svg');
        background-repeat: no-repeat;
        background-position: top 55% right 15px;
        background-size: 16px;
    }
    .pageHeaderTitle .liveTitleBtn i {
        color: #ffdf1b;
        font-style: normal;
    }



    .myBetsWrapper .myBetsAdministrationFilter select {
        width: calc(50% - 30px);
        margin-left: 0;
        font-size: 12px;
    }
    .myBetsWrapper .myBetsAdministrationFilter select:last-child {
        margin-left: 15px;
    }

    .searchContent .moduleSportSingleLeagueMatch {
        float: left;
        width: 100%;
        height: auto;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel {
        float: left;
        background: #666;
        border-bottom: 1px solid #757575;
        width: 55%;
        height: 60px;
        position: relative;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink {
        float: left;
        width: calc(100% - 30px);
        cursor: pointer;
        height: 40px;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span {
        float: left;
        width: auto;
        height: 100%;
        font-size: 12px;
        line-height: 30px;
        height: 30px;
        padding-left: 10px;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:first-child {
        line-height: 20px;
        height: 40px;
        width: 100%;
        padding-top: 6px;
        color: #ddd;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span i {
        float: left;
        width: 100%;
        height: auto;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        line-height: normal;
        overflow: hidden;
        white-space: nowrap;
        font-style: normal;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:nth-child(2) {
        position: absolute;
        right: 7px;
        top: 0;
        width: 7px;
        height: 60px;
        line-height: normal;
        padding: 0;
        overflow: hidden;
        padding-top: 6px;
        color: #ffdf1b;
    }

    .noChildrenFound {
        float: left;
        width: 100%;
        padding: 10px 0;
        color: #ddd;
        font-size: 8pt;
        text-align: center;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:nth-child(3) {
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 7pt;
        line-height: 20px;
        height: 20px;
        float: left;
        width: auto;
        color: #ddd;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span.numberofmarkets {
        position: absolute;
        right: 10px;
        bottom: -5px;
        margin: 0;
        padding: 0;
        color: #ddd;
        font-size: 8pt;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueAccordionEvent {
        float: right;
        width: 30px;
        height: 60px;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueAccordionEvent svg {
        float: left;
        width: 100%;
        height: 100%;
        padding: 11px;
        fill: #ddd;
        cursor: pointer;
        opacity: 0;
        -webkit-transition: .2s linear all;
        -o-transition: .2s linear all;
        transition: .2s linear all;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons {
        float: left;
        width: 45%;
        height: 60px;
        border-bottom: 1px solid #757575;
        overflow: hidden;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .bettingBtn {
        float: left;
        width: 33.33%;
        height: 61px;
        cursor: pointer;
        background-color: #5e5e5e;
        text-align: center;
        border-right: 1px solid #6e6e6e;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .bettingBtn:last-child {
        border-bottom: 0;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .bettingBtn span {
        height: 60px;
        line-height: 60px;
        padding-left: 0;
        width: 100%;
        font-size: 11px;
        color: #ffdf1b;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .bettingBtn.betSlipAdded {
        background-color: #fff;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .bettingBtn.betSlipAdded span {
        color: #14805e;
    }
    .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .bettingBtn span:first-child {
        color: #fff;
    }

    .searchLabelGroup {
        float: left;
        width: 100%;
        margin-bottom: 6pt;
    }
    .searchLabelGroup .searchLabel {
        float: left;
        width: 100%;
        background-color: #14805e;
    }
    .searchLabelGroup .searchLabel span {
        line-height: 30px;
        height: 30px;
        text-align: left;
        padding-left: 10px;
        font-size: 13px;
        color: #fff;
    }

    .searchLabelGroup .search-games {
        float: left;
        width: 100%;
        height: auto;
    }

    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.labelBtn {
        background-color: #5d5c5c;
    }

    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.labelBtn span {
        color: rgba(255,255,255,.6);
    }

    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.fourColumns {
        width: 25%;
    }
    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.threeColumns {
        width: 33.333%;
    }
    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.twoColumns {
        width: 50%;
    }





    .prematchArrow {
        float: left;
        width: 40px;
        height: 47px;
        border-right: 1px solid #585858;
        background-color: #474747;
    }
    .prematchArrow svg {
        float: left;
        width: 100%;
        padding: 18px 15px;
        height: 100%;
        fill: #fff;
    }
    .singleMatchTitle.prematchLabelArrow {
        width: calc(100% - 40px) !important;
    }

    .slotsMainWrapper {
        float: left;
        width: 100%;
        height: auto;
    }

    .betModule.liveInModule.widthFull .betModuleHeaderContainer .betModuleHeaderBtn {
        width: 100%;
    }

    .liveInModule .betModuleHeaderBtn strong span {
        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: 300;
    }

    section.header .headerWrapper .rightNavWrapper .profileWrapper.active .profileMainDetails .profileName {
        display: none;
    }

    .slotsMainWrapper #main {
        float: left;
        width: 100%;
        height: auto;
        padding-top: 6px;
        padding-bottom: 12px;
    }
    .slotsMainWrapper #main .game {
        float: left;
        width: calc(50% - 3px);
        height: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 6px;
        background-color: #222;
        padding: 10px;
    }
    .slotsMainWrapper #main .game img {
        float: left;
        width: 100%;
        height: 100px;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }
    .slotsMainWrapper #main .game span {
        float: left;
        width: 100%;
        font-size: 9pt;
        font-weight: 600;
        text-align: center;
        color: #fff;
        margin-top: 10px;
        line-height: 15px;
        height: 30px;
    }
    .slotsMainWrapper #main .game:nth-child(odd) {
        margin-right: 3px;
        clear: left;
    }
    .slotsMainWrapper #main .game:nth-child(even) {
        margin-left: 3px;
    }

    .contentHolder.bg-black {
        background-color: #000;
    }
    #iframeSlot {
        float: left;
        width: 100%;
        height: auto;
    }
    .myBetGroupWrapper {
        float: left;
        width: 100%;
        margin-top: 15px;
    }
    .myBetGroupWrapper .myBetGroupLabel {
        float: left;
        width: 100%;
        color: #fff;
        text-align: left;
        padding-left: 10px;
        font-size: 12px;
    }
    body.bg-black .headerWrapper .logo span {
        color: #fff;
    }
    .myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderLeft {
        width: 50%;
        padding: 10px 0;
    }
    .myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderLeft span:first-child {
        width: 50%;
        text-align: left;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 10px;
        font-size: 12px;
    }

    .singleMatchBetModule {
        display: none;
    }

    .singleMatchBetModule.active {
        display: inherit;
    }

    .singleMatchBetModuleGroup.hidden {
        display: none;
    }

    .singleMatchBetModuleGroup.active {
        display: block;
    }


    .myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderLeft span:last-child {
        width: 50%;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 10px;
        overflow: hidden;
    }
    .myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderRight {
        width: 33.333%
    }
    .accountBalanceWrapper .accountBalanceContent .accountBalanceRows .accountBalanceRow span,
    .accountBalanceWrapper .accountBalanceContent .accountBalanceContentHeader span {
        /* width: 23.333%; */
    }
    .accountBalanceWrapper.agentColumn.agentColumn {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .accountBalanceWrapper.agentColumn .accountBalanceContent {
        width: 100%;
    }
    .accountBalanceWrapper.agentColumn .accountBalanceContent .accountBalanceRows .accountBalanceRow span:first-child,
    .accountBalanceWrapper.agentColumn .accountBalanceContent .accountBalanceContentHeader span:first-child {
        width: 19%;
    }
    .accountBalanceWrapper.agentColumn .accountBalanceContent .accountBalanceRows .accountBalanceRow span,
    .accountBalanceWrapper.agentColumn .accountBalanceContent .accountBalanceContentHeader span {
        width: 16%;
        overflow: hidden;
        font-size: 6.5pt;
        text-align: right;
    }
    .accountBalanceWrapper.agentColumn .accountBalanceContent .accountBalanceContentHeader {
        border-top: 1px solid #4acfa5
    }
    .accountBalanceWrapper.agentColumn .accountBalanceContent .accountBalanceContentHeader span {
        font-size: 9pt;
        font-weight: bold;
    }
    .accountBalanceWrapper .accountBalanceContent .accountBalanceContentHeader.whiteColor span {
        line-height: 26px;
        height: 26px;
        font-size: 6.5pt;
        font-weight: 500;
        border-top: 0;
    }
    .accountBalanceWrapper .accountBalanceContent .accountBalanceContentHeader.whiteColor {
        height: 26px;
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
    }
    .accountBalanceWrapper .accountBalanceContent .accountBalanceRows .accountBalanceRow {
        border-color: grey;
    }
    .accountBalanceWrapper .accountBalanceContent .accountBalanceRows .accountBalanceRow span {
        color: #e6e6e6;
    }
    .accountBalanceWrapper .accountBalanceContent .accountBalanceContentHeader.m-t-6 {
        margin-top: 12px;
        border-top: 1px solid #8e0101;
    }

    .greenColourBg {
        background-color: #14805e;
        border: 1px solid #4acfa5;
    }
    .greenColourBg.changePasswordHeader .backBtn {
        border-right-color: #4acfa5;
    }
    .greenColourBg span {
        font-weight: 700;
    }

    #todayAccordionContent .featuredMatchBtn .bettingBtn i:first-child {
        display: none;
    }

    .accountBalanceWrapper.agentColumn .accountBalanceContent .accountBalanceRows .accountBalanceRow span:first-child,
    .accountBalanceWrapper.agentColumn .accountBalanceContent .accountBalanceContentHeader span:first-child {
        text-align: left;
    }

    .singleMatchTitle {
        width: 100% !important;
    }
    .gameTableContent .singleGameDateLabel {
        height: 22px;
    }
    .gameTableContent .singleGameDateLabel span {
        color: #444 !important;
        font-weight: 500;
        font-size: 12px;
        line-height: 22px;
        font-weight: 600;
    }
    .featuredMatchBtn .bettingBtn,
    .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton, .betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton, .gameTableContent .singleGameContent .singleHomeOdd, .gameTableContent .singleGameContent .singleDrawOdd, .gameTableContent .singleGameContent .singleAwayOdd {
        background-color: #585858;
        height: 56px;
    }
    .featuredMatchName span,
    .gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn .singleTeamRowLabel .singleHomeName,
    .gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn .singleTeamRowLabel .singleAwayName {
        color: #fff;
    }
    .gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn {
        padding-top: 5px;
        padding-bottom: 0;
    }
    .gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn .singleTeamRowLabel .singleHomeName {
        font-size: 9pt;
    }
    .featuredMatchBtn .bettingBtn {
        background-color: #777 !important;
        height: 40px;
    }
    .featuredPrematchWrappers .featuredPrematchItem .featuredMatchBtn .bettingBtn {
        line-height: 55px;
        background-color: #585858 !important;
    }
    .featuredMatchName {
        padding-top: 5px;
    }
    .featurePreMatchDate {
        padding: 4px 10px;
    }
    .featuredPrematchWrappers .featuredPrematchItem .numberofmarkets {
        bottom: 35px;
    }
    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupHeader {
        height: 42px;
    }
    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupHeader span{
        line-height: 42px;
        height: 42px;
        font-size: 16px;
    }
    .featuredPrematchWrappers .featuredPrematchItem .featuredMatchBtn .bettingBtn,
    .gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn{
        height:  55px;
    }
    .gameTableContent .singleGameDateLabel {
        background-color: #a7a7a7;
    }
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .singleMatchLiveField iframe {
        -webkit-transform: scale(1.8) translate(-11%, -12%);
        -ms-transform: scale(1.8) translate(-11%, -12%);
        transform: scale(1.8) translate(-11%, -12%);
    }
    .fieldStaticHolder {
        height: 215px;
    }
    .m-t-240 {
        padding-top: 217px;
    }
}

@media only screen and (max-width: 320px) {
    section.header .headerWrapper .mainMenuHolder {
        left: 49%;
    }
    .betSlip.slideDown {
        height: 380px;
    }
    section.header .headerWrapper .mainMenuHolder .menuItem:first-child {
        margin-left: 0;
    }
    section.header .headerWrapper .logo {
        -webkit-transform: translateX(-75%);
        -ms-transform: translateX(-75%);
        transform: translateX(-75%);
    }

    section.header .headerWrapper .mainMenuHolder .menuItem:nth-child(2),
    section.header .headerWrapper .mainMenuHolder .menuItem:last-child {
        margin-right: 0;
    }

}
.slotsItemListed {
    display: inherit;
}
@media only screen and (min-width: 768px) {
    .slotsItemListed {
        display: none;
    }
    .burgerBtn {
        display: none !important;
    }

    .slotsWrapper {
        padding-left: 180px;
        padding-right: 0;
    }

    .headerScrolled #leftpanel_container {
        position: sticky;
        top: 60px;
    }
    #leftpanel_container {
        position: sticky;
        top: 0px;
        transition: .3s linear all;
        z-index: 97;
    }

    /* * ::-webkit-scrollbar {
        width: 10px;
        background-color: #333;
        height: 8px;
    }

    * ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.4);
    }

    * ::-webkit-scrollbar-thumb {
        background-color: #c6c6c6;
        outline: 1px solid slategrey;
        border-radius: 5px;
    } */

    section.content section.mainPanel section.contentHolder {
        padding: 0 6px;
    }
    body.bg-black section.content section.mainPanel section.contentHolder {
        background-color: #333;
    }

    body.bg-black section.header .headerWrapper {
        background-color: #333;
        border-bottom: 1px solid #555;
    }
    body.bg-black section.header .headerHelper {
        background-color: #333;
        border-bottom: 1px solid #555;
    }
    body.bg-black .headerHide svg {
        fill: #00fff2;
    }
    body.bg-black section.header .headerHelper .leftMenuHeaderHelper .menuItem,
    body.bg-black section.header .headerHelper .rightMenuHeaderHelper .menuItem,
    body.bg-black section.header .headerHelper .leftMenuHeaderHelper .menuItem.active,
    body.bg-black section.header .headerHelper .leftMenuHeaderHelper .menuItem:hover{
        color: #00fff2;
    }

    .singleMatchTitle {
        width: calc(100% - 40px) !important;
    }
    .dateMobileHiden {
        display: none;
    }

    body.bg-black section.header .headerWrapper .mainMenuHolder .menuItem {
        color: #fff;
    }
    body.bg-black section.header .headerWrapper .rightNavWrapper .menuItem.loginBtn {
        color: #00fff2;
        background-color: transparent;
    }
    body.bg-black section.header .headerWrapper .rightNavWrapper .menuItem.loginBtn.registerBtn {
        color: #fff;
    }
    body.bg-black .burgerBtn span {
        background-color: #00fff2;
    }

    .slotsMainWrapper {
        float: left;
        width: 100%;
        height: auto;
    }

    .betModule.liveInModule.widthFull .betModuleHeaderContainer .betModuleHeaderBtn {
        width: 100%;
    }

    .slotsMainWrapper #main {
        float: left;
        width: 100%;
        height: auto;
        padding-top: 6px;
        padding-bottom: 12px;
    }
    .slotsMainWrapper #main .game {
        float: left;
        width: calc(20% - 4px);
        height: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 6px;
        background-color: #222;
        padding: 10px;
    }
    .slotsMainWrapper #main .game img {
        float: left;
        width: 100%;
        height: 100px;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }
    .slotsMainWrapper #main .game span {
        float: left;
        width: 100%;
        font-size: 9pt;
        font-weight: 600;
        text-align: center;
        color: #fff;
        margin-top: 10px;
        line-height: 15px;
        height: 30px;
    }
    .slotsMainWrapper #main .game {
        margin-right: 5px;
    }
    .slotsMainWrapper #main .game:nth-child(5n) {
        margin-right: 0;
    }

    .errorDesc {
        float: left;
        width: 100%;
        height: auto;
        color: red;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
    }

    .groupGame {
        float: left;
        width: 100%;
        height: auto;
        display: none;
    }
    .groupGame.active {
        display: inherit;
    }

    .slotsCatHolder {
        float: left;
        height: 50px;
        background-color: #222;
        -webkit-transform: translateX(-6px);
        -ms-transform: translateX(-6px);
        transform: translateX(-6px);
        width: calc(100% + 12px);
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .slotsCatHelper {
        float: left;
        width: 100%;
        height: auto;
    }
    .groupFamilyBtn {
        float: left;
        text-transform: uppercase;
        width: auto;
        color: #fff;
        height: 50px;
        font-size: 10pt;
        line-height: 50px;
        padding: 0px 15px;
    }
    .groupFamilyBtn.active {
        color: #00fff2;
    }
    .bg-black section.content section.mainPanel {
        width: 100%;
    }
    .jcakpotHolder .jackpotContent {
        height: 300px;
    }
    .jcakpotHolder .jackpotContent img {
        height: 100%;
    }
    a {
        font-size: 9pt;
        padding-left: 20px;
    }
    .singleMatchTitle .singleCategoryTitle a::before {
        left: 2.5px;
    }
    .singleMatchCatButtons .singleMatchCatBtn {
        margin: 0 10px;
        font-size: 8pt;
    }
    .singleMatchTitle span {
        font-size: 10pt;
        line-height: normal;
        padding-right: 100px;
        height: auto;
    }
    .fieldStaticHolder {
        float: left;
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
        -webkit-transition: .15s linear all;
        -o-transition: .15s linear all;
        transition: .15s linear all;
        height: 235px;
        overflow: hidden;
    }
    body.headerScrolled .fieldStaticHolder {
        top: 84px;
        height: 235px;
        overflow: hidden;
    }
    .singleMatchTitle {
        position: relative;
        height: 50px;
        overflow-x: auto;
        overflow-y: hidden;
        background-color: #383838;
    }
    body.livePage.headerScrolled .fieldStaticHolder {
        -webkit-transform: scale(0.8) translate(48px, -85px);
        -ms-transform: scale(0.8) translate(48px, -85px);
        transform: scale(0.8) translate(48px, -85px);
    }
    .liveSingleMatch.singleMatchTitle .singleMatchScrolLMeName {
        height: 100%;
    }
    .singleMatchLiveField iframe {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: 100%;
        transform: none;
    }
    .singleMatchBetModule.active {
        padding-top: 0;
    }
    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.fourColumns {
        width: 25%;
    }
    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.threeColumns {
        width: 33.333%;
    }
    .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.twoColumns {
        width: 50%;
    }
    section.header .headerWrapper .mainMenuHolder .menuItem {
        padding-left: 0;
    }


}

.bg-black .betModule.liveInModule .betModuleHeaderContainer {
    background-color: #333;
}
body.bg-black {
    background-color: #333;
}
.burgerBtn {
    display: inherit;
}
.bg-black section.content section.rightPanel {
    display: none;
}

#pre-match-games.twoColumn .gameTableContent .singleGameContent .singleHomeOdd {
    width: 22.5% !important
}
#pre-match-games.twoColumn .gameTableContent .singleGameContent .singleDrawOdd {
    width: 22.5% !important
}
#pre-match-games.twoColumn .gameTableContent .singleGameContent .singleAwayOdd {
    display: none;
}
#pre-match-games.twoColumn .gameTableContent .singleGameDateLabel span:nth-child(3) {
    display: none;
}


.singleBetHeaderRight {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #fff;
}
.singleBetHeaderRight a.singleBetHeader span {
    font-size: 8pt;
    padding-top: 12px;
    float: left;
    padding-right: 9px;
}

#pre-match-games.twoColumn .gameTableContent .singleGameDateLabel span:nth-child(3),
#pre-match-games.twoColumn .gameTableContent .singleGameDateLabel span:nth-child(4),
#pre-match-games.twoColumn .gameTableContent .singleGameDateLabel span:nth-child(2) {
    width: 22.5%;
}
@media only screen and (max-width: 375px) {
    .singleMatchLiveField iframe {
        transform: scale(1.81) translate(-11%, -11%);
    }
}
@media only screen and (max-width: 320px) {
    .singleMatchLiveField iframe {
        transform: scale(1.55) translate(-15%, -22%);
    }
    /* .fieldStaticHolder {
        height: 211px;
    } */
    .m-t-240 {
        padding-top: 191px;
    }
}


.singleHeaderHolderLabel {
    background-color: #a7a7a7;
}
.singleHeaderHolderLabel .singleHeaderLabel{
    color: #444444 !important;
}

.machineBoxesHolder {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
}
.machineBox {
    float: left;
    width: 160px;
    padding-right: 20px;
    height: auto;
}
.machineBox .machineItem {
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.machineBox.slick-current .machineItem {
    animation-name: bounce;
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}
body.bg-black {
      background-color: #0c092a;
}
body.bg-black section.header .headerWrapper {
    background-image: url('../img/bar.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
body.bg-black section.header .headerHelper {
  background-image: url('../img/bar2.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@-webkit-keyframes bounce {
    0%   { transform: scale(1,1)      translateY(0); }
    10%  { transform: scale(1.1,.9)   translateY(0); }
    30%  { transform: scale(.9,1)   translateY(-30px); }
    50%  { transform: scale(1.05,.95) translateY(0); }
    57%  { transform: scale(1,1)      translateY(-10px); }
    64%  { transform: scale(1,1)      translateY(0); }
    100% { transform: scale(1,1)      translateY(0); }
}
@-moz-keyframes bounce {
    0%   { transform: scale(1,1)      translateY(0); }
    10%  { transform: scale(1.1,.9)   translateY(0); }
    30%  { transform: scale(.9,1)   translateY(-30px); }
    50%  { transform: scale(1.05,.95) translateY(0); }
    57%  { transform: scale(1,1)      translateY(-10px); }
    64%  { transform: scale(1,1)      translateY(0); }
    100% { transform: scale(1,1)      translateY(0); }
}
@-o-keyframes bounce {
    0%   { transform: scale(1,1)      translateY(0); }
    10%  { transform: scale(1.1,.9)   translateY(0); }
    30%  { transform: scale(.9,1)   translateY(-30px); }
    50%  { transform: scale(1.05,.95) translateY(0); }
    57%  { transform: scale(1,1)      translateY(-10px); }
    64%  { transform: scale(1,1)      translateY(0); }
    100% { transform: scale(1,1)      translateY(0); }
}
@keyframes bounce {
      0%   { transform: scale(1,1)      translateY(0); }
      10%  { transform: scale(1.1,.9)   translateY(0); }
      30%  { transform: scale(.9,1)   translateY(-30px); }
      50%  { transform: scale(1.05,.95) translateY(0); }
      57%  { transform: scale(1,1)      translateY(-10px); }
      64%  { transform: scale(1,1)      translateY(0); }
      100% { transform: scale(1,1)      translateY(0); }
}


.machineBox .machineItem {
    float: left;
    width: 100%;
    height: 150px;
    position: relative;
    margin-top: 35px;
}
.machineBox .machineItem img:last-child {
    float: left;
    width: 119px;
    height: auto;
    position: absolute;
    left: 12px;
    top: 71px;
    z-index: 1;
}
.machineBox .machineItem img:first-child {
    float: left;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.machineBox.firstItem .machineItem {
    margin-top: 30px;
}
.machineBox.firstItem .machineItem img:first-child {
  transform: scale(1.1);
}
.machineBox.firstItem .machineItem img:last-child {
    width: 119px;
    transform: scale(1.1);
    top: 78px;
}

.machineBox span {
    float: left;
    width: calc(100% - 40px);
    font-size: 10pt;
    margin-top: 10px;
    color: #00fff2;
    text-align: center;
}
.machineBox svg {
    float: left;
    width: 20px;
    margin-left: 10px;
    margin-right: 10px;
    height: 20px;
    stroke: #00fff2;
    fill: #00fff2;
    margin-top: 10px;
}



.fragment.jackpots-container {
    margin: 10px 0;
    float: left;
    width: 100%;
}

.jackpotAnimation {
    float: left;
    width: 100%;
    height: 58px;
    position: relative;
    padding: 5px;
    background-image: url(../img/bar2.png);
    background-size: cover;
}

.jackpotAnimation .horizontalBar {
    position: absolute;
    width: calc(100% - 14px);
    left: 7px;
    height: 5px;
    z-index: 1;
}
.jackpotAnimation .verticalBar {
    position: absolute;
    height: calc(100% - 14px);
    top: 7px;
    width: 7px;
    z-index: 2;
}
.verticalBar.rightBorder {
    right: 0;
}
.verticalBar.leftBorder {
    left: 0;
}
.horizontalBar.topBorder {
    top: 0;
}
.horizontalBar.bottomBorder {
    bottom: 0;
}
.verticalBar,
.horizontalBar {
    overflow: hidden;
}

.horizontalBar svg {
    float: left;
    width: auto;
    height: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.horizontalBar svg:nth-child(2) {
    left: auto;
    right: 0;
}
.verticalBar svg {
    float: left;
    height: 100%;
    height: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
}
.verticalBar.rightBorder svg {
    height: 4.8px;
}
.verticalBar.leftBorder svg {
    height: 4.8px;
    left: calc(50% - 0.1px);
}

.cornerJackpot {
    float: left;
    width: 7px;
    height: 7px;
    position: absolute;
    z-index: 2;
}
.cornerJackpot SVG {
    float: left;
    width: 100%;
    height: 100%;
}

.cornerJackpot.topLeftCorner {
    top: 0;
    left: 1px;
}

.cornerJackpot.topRightCorner {
    top: 0;
    right: 1px;
}
.cornerJackpot.topRightCorner svg {
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(90deg);
}

.cornerJackpot.bottomLeftCorner {
    bottom: 0;
    left: 1px;
}
.cornerJackpot.bottomLeftCorner svg {
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(270deg);
}

.cornerJackpot.bottomRightCorner {
    bottom: 0;
    right: 1px;
}
.cornerJackpot.bottomRightCorner svg {
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(180deg);
}

.dotsWrapper {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.dotsWrapper .dotsHolder {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
}
.dotsWrapper .dotsHolder .light {
    float: left;
    width: 5px;
    height: 5px;
    margin: 0 3px;
    background-image: url('../img/light.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 3px;
    position: relative;
}

.dotsWrapper .dotsHolder .light .lightOn {
    float: left;
    width: 5px;
    height: 5px;
    margin: 0;
    background-image: url('../img/lightON.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
    transition: .2s linear all;
}
.dotsWrapper .dotsHolder .light.active .lightOn {
    opacity: 1;
}

.verticalBar .dotsWrapper .dotsHolder .light {
    margin: 3px 1px;
}
.bottomBorder.dotsWrapper .dotsHolder .light{
    float: right;
}
.horizontalBar .dotsWrapper .dotsHolder {
    width: 500px;
}
.horizontalBar.bottomBorder .dotsWrapper .dotsHolder {
    position: absolute;
    transform: rotate(180deg);
    left: auto;
    right: 0;
}
.jackpotAnimation .verticalBar.leftBorder .dotsWrapper {
    transform: rotate(180deg)
}


.jackpot {
    border: 0;
    padding: 0;
}

.jackpots-cont-wrapper.second-row-jackpots .jackpotAnimation {
    width: 50%;
}

.showDetail .cashedOutHolder {
  display: block;
}
.cashedOutHolder {
  float: left;
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
  display: none;
  background-color: #666;
}

.cashedOutHolder span {
  display: inline-block;
  width: auto;
  padding-right: 50px;
  height: 40px;
  color: #fff;
  font-weight: 600;
  line-height: 40px;
  margin: 15px 0;
}
.cashedOutHolder svg {
  float: left;
  width: 30px;
  height: 30px;
  position: absolute;
  right: calc(50% - 50px);
  top: 50%;
  transform: translate(50%, -50%);
}
.defendedGame {
  float: left;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.cashedOutHolder svg path,
.defendedGame svg path {
  fill: #ffe600;
}
.defendedGame svg {
  float: left;
  width: 100%;
  height: 100%;
  fill: #ffe600;
}


.cashing {
  position: relative;
}

.cashing .singleBetItemOdd{
  display: none;
}
.marketTypeDescription {
  color: #fff !important;
  float: left;
  width: 100%;
  text-align: center;
  line-height: normal;
  position: absolute;
  top: calc(50% - 14px);
  text-align: center;
  left: 0;
}

:root {
    --mainColor: #6a0300;
    --yellowColor: #e0ab5d;
}

body.modalIsShown {
    overflow: hidden;
    cursor: pointer;
}

html,
body {
  height: 100%;
  width: 100%;
  overflow: auto;
}

body {
    overflow-x: hidden;
    cursor: pointer;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
.generalButton {
    float: right;
    width: 100px;
    border: 1px solid red;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    background-color: red;
}

.generalButton-sm {
    float: right;
    width: 140px;
    border: 1px solid red;
    color: #fff;
    line-height: 20px;
    text-align: center;
    /* font-weight: bold; */
    font-size: 11px;
    margin-top: 9px;
    margin-left: 1px;
    /* border-radius: 5px; */
    background-color: red;
}

.generalButtonGreen-sm {
    float: right;
    width: 140px;
    border: 1px solid green;
    color: #fff;
    line-height: 20px;
    text-align: center;
    /* font-weight: bold; */
    font-size: 11px;
    margin-top: 9px;
    margin-left: 1px;
    /* border-radius: 5px; */
    background-color: green;
}

.generalButtonGreen-small {
    
    float: right;
    width: 30px;
    border: 1px solid green;
    color: #fff;
    line-height: 20px;
    height: 20px;
    position: relative;
    text-align: center;
    /* font-weight: bold; */
    font-size: 11px;
    margin-top: 9px;
    margin-left: 1px;
    /* border-radius: 5px; */
    background-color: green;
}
.generalButton-small {
    float: right;
    width: 30px;
    border: 1px solid red;
    color: #fff;
    line-height: 20px;
    height: 20px;
    position: relative;
    text-align: center;
    /* font-weight: bold; */
    font-size: 11px;
    margin-top: 9px;
    margin-left: 1px;
    /* border-radius: 5px; */
    background-color: red;
}

.generalButtonGreen-small svg,
.generalButton-small svg {
    float: left;
    width: 20px;
    height: 20px;
    fill: #fff;
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
}


.generalButtonGreen {
    float: right;
    width: 100px;
    border: 1px solid green;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    background-color: green;
}

.loaderWrapper {
    float: left;
    height: calc(100vh - 100px);
    width: calc(100% - 600px);
    position: fixed;
    left: 180px;
    top: 100px;
    background-color: rgba(0,0,0,.3);
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
    z-index: 8;
}
body.headerScrolled .loaderWrapper {
    top: 60px;
    height: calc(100vh - 60px);
}


.showDetail .cashoutHolderBtn {
  display: block;
}
.cashoutHolderBtn {
  float: left;
  width: 100%;
  height: auto;
  text-align: center;
  background-color: #666;
  display: none;
}

.hd-Bandy,
.hd-Aussie {
  display: none !important;
}
.cashoutBtn {
    display: inline-block;
    width: auto;
    height: auto;
    border-radius: 41px;
    background-color: #ffe600;
    border: 1px solid #000;
    margin: 15px 0;
    position: relative;
}

.cashoutBtn.disabledEvent {
  background-color: #848484;
  opacity: 0.8;
  border-color: #a2a0a0;
}

.cashoutBtn svg {
  position: absolute;
  left: 10px;
  top: 50%;
  fill: #000;
  float: left;
  width: 25px;
  transform: translateY(-12px);
}

.cashoutBtn.disabledEvent svg {
  fill: #fff;
}
.cashoutBtn span {
    float: left;
    font-weight: bold;
    width: auto;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    padding-right: 15px;
    text-transform: uppercase;
    color: #000;
    font-size: 11px;
    text-align: left;
}

.cashoutBtn.disabledEvent span {
  color: #fff;
}

.redTitle {
    color: red !important;
}

.loader {
    /* border: 2px solid rgba(255,255,255,.1); */
    border-radius: 6px;
    /* border-top: 4px solid rgba(255,255,255,1); */
    width: 130px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgba(0,0,0,.8) url('../img/loader.gif') no-repeat center center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* -webkit-animation: spin 0.5s linear infinite; /* Safari */
    /* animation: spin 0.5s linear infinite; */
}

.jackpotHolder {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  color: #fff;
}
.jackpotHolder h1 {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 0px;
  font-size: 21px;
  padding-left: 30px;
}

.jackpotRow {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding-left: 15px;
}
.jackpotRow span:first-child {
  font-size: 14px;
  padding-right: 15px;
  line-height: 42px;
  height: 40px;
}
.jackpotRow span:nth-child(2) {
  font-size: 18px;
  font-weight: bold;
  padding-right: 15px;
  line-height: 40px;
}
.gameBoxHolder {
  float: left;
  width: 100%;
  padding-left: 15px;
  margin-top: 15px;
}

.gameBoxHolder span {
  float: left;
  width: auto;
  font-size: 14px;
  line-height: 42px;
  height: 40px;
  padding-right: 15px;
}
.jackpotHolder .usersHeader span {
  width: 100%;
  padding: 0;
  font-size: 21px;
  font-weight: bold;
  text-transform: uppercase;
}
.jackpotSelect {
  height: 40px;
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 0 10px;
}

.jackpotSelect option {
  color: #000;
}
#transferJackpot {
  float: left;
  width: 140px;
  text-align: center;
  margin-left: calc(50% - 70px);
  margin-top: 30px;
  border-radius: 5px;
  background-color: var(--mainColor);
  color: #fff;
  padding: 10px 0;
}


/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); }
    100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes spin {
    0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
    100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}


.messageModal,
.loaderWrapper-bet {
    float: left;
    height: calc(100vh - 115px);
    width: 408px;
    position: fixed;
    right: 6px;
    top: 110px;
    background-color: #232526;
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
    z-index: 8;
}

.redColour {
    color: red !important;
}

.greenColour {
    color:  #4fff28!important;
}

body.headerScrolled .messageModal,
body.headerScrolled .loaderWrapper-bet {
    top: 65px;
    height: calc(100vh - 70px);
}
.messageModal {
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}
.loader-bet {
    border: 2px solid rgba(255,255,255,.1);
    border-radius: 50%;
    border-top: 4px solid rgba(255,255,255,1);
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: spin 0.5s linear infinite; /* Safari */
    animation: spin 0.5s linear infinite;
}

/*  Header Style  */

section.header .containerHolder {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}
section.header {
    height: 46px;
    position: fixed;
    left: 0;
    z-index: 98;
    top: 0;
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
}
.headerScrolled section.header {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.m-t-240 {
    padding-top: 235px;
}
section.header .headerHelper {
    float: left;
    width: 100%;
    height: 45px;
    background-color: #333;
    position: relative;
}
section.header .headerHelper .leftMenuHeaderHelper {
    float: left;
    width: auto;
    height: 100%;
}
section.header .headerHelper .leftMenuHeaderHelper .menuItem {
    float: left;
    width: auto;
    margin-right: 20px;
    color: #9c9c9c;
    cursor: pointer;
    font-size: 12px;
    line-height: 45px;
}

.closeModal {
    display: none;
}
section.header .headerHelper .leftMenuHeaderHelper .menuItem.active,
section.header .headerHelper .leftMenuHeaderHelper .menuItem:hover {
    color: #fff;
}
section.header .headerHelper .rightMenuHeaderHelper {
    float: right;
    width: auto;
    height: 100%;
}
section.header .headerHelper .rightMenuHeaderHelper .menuItem {
    float: left;
    width: auto;
    margin-left: 20px;
    color: #9c9c9c;
    cursor: pointer;
    font-size: 11px;
    line-height: 45px;
}
section.header .headerHelper .rightMenuHeaderHelper .menuItem.active,
section.header .headerHelper .rightMenuHeaderHelper .menuItem:hover {
    color: #fff;
}
section.header .headerWrapper {
    float: left;
    position: relative;
    width: 100%;
    height: 60px;
    background-color: var(--TitleBackColor);
}
#leftpanel_container {
    float: left;
    width: auto;
}
section.header .headerWrapper .logo {
    float: left;
    width: 100px;
    height: 100%;
    line-height: 60px;
    text-align: left;
    height: 100%;
    color: #fff;
}
section.header .headerWrapper .logo img {
    float: left;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    padding: 12px 0;
}
section.header .headerWrapper .mainMenuHolder {
    float: left;
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
section.header .headerWrapper .mainMenuHolder .menuItem {
    float: left;
    width: auto;
    margin: 0 22.5px;
    height: 100%;
    font-size: 14px;
    line-height: 60px;
    color: #fff;
    position: relative;
    cursor: pointer;
}
section.header .headerWrapper .mainMenuHolder .menuItem:hover {
    color: #fff;
}
.slotsItemListed,
.menuItemListed {
    float: left;
    width: 100%;
    display: none;
    height: auto;
}

.slotsItemListed.active,
.menuItemListed.active {
    display: inherit;
}

.slotsItemListed .slotItemList {
    float: left;
    width: 100%;
    height: auto;
    padding: 6px;
    background: rgba(0,0,0,.1);
    border-bottom: 1px solid #9c9c9c;
}

.slotsItemListed .slotItemList span {
    float: left;
    width: calc(100% - 60px);
    font-size: 9pt;
    line-height: 40px;
    height: 40px;
    color: #9c9c9c;
    padding-left: 10px;

}
.slotsItemListed .slotItemList img {
    float: left;
    width: 60px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
}


.slotsHolderScroll {
    float: left;
    width: 100%;
    height: 80px;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
}
.slotsHolderScroll .scrollHelper {
    float: left;
    width: auto;
    height: 140px;
    position: absolute;
    left: 0;
    top: 0;
}
section.header .headerWrapper .mainMenuHolder .menuItem::before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    float: left;
    border-radius: 0;
    width: 100%;
    background: transparent;
    content: '';
}
section.header .headerWrapper .mainMenuHolder .menuItem.active::before {
    background: #ffe600;
}
section.header .headerWrapper .rightNavWrapper {
    float: right;
    width: auto;
    height: 60px;
    z-index: 9;
    position: relative;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper {
    float: left;
    width: auto;
    height: 60px;
    padding-left: 15px;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
}
.bg-black section.header .headerWrapper .rightNavWrapper .profileWrapper {
    height: 40px;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileHandler {
    float: left;
    width: auto;
    height: auto;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails {
    float: left;
    padding: 14px 0;
    padding-right: 15px;
    max-width: 150px;
    width: 100px;
    padding-top: 5px;
    height: auto;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails .profileBalance {
    float: none;
    display: inline-block;
    width: auto;
    font-size: 12px;
    color: #fff;
    line-height: 13px;
    text-align: center;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails .profileBalance i {
    font-style: normal;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails .profileName {
    font-size: 13px;
    color: #26ffbe;
    float: none;
    width: auto;
    text-align: center;
    clear: left;
    line-height: 10px;
    display: block;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper.active .profileMainDetails .profileName,
section.header .headerWrapper .rightNavWrapper .profileWrapper:hover .profileMainDetails .profileName {
    color: #fff;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileIcon {
    width: 32px;
    height: 27px;
    margin: 14px 0px;
    float: left;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper.active .profileMainDetails .profileIcon,
section.header .headerWrapper .rightNavWrapper .profileWrapper:hover .profileMainDetails .profileIcon {
    color: #fff;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileIcon svg.hovered,
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileIcon svg.notHovered {
    float: left;
    width: 100%;
    height: 100%;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileIcon svg.hovered g,
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileIcon svg.notHovered g{
    stroke: #f16a6a;
    stroke: var(--InTitleLightColor);
}
section.header .headerWrapper .rightNavWrapper .profileWrapper.active .profileIcon svg.notHovered,
section.header .headerWrapper .rightNavWrapper .profileWrapper:hover .profileIcon svg.notHovered {
    display: none;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileIcon svg.notHovered {
    display: none;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileIcon svg.hovered {
    display: inherit;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper.active .profileIcon svg.hovered,
section.header .headerWrapper .rightNavWrapper .profileWrapper:hover .profileIcon svg.hovered {
    display: inherit;
    width: 100%;
    height: 100%;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown {
    float: left;
    position: absolute;
    right: -15px;
    top: calc(100% - 3px);
    -webkit-box-shadow: 0 0 10px -8px;
    box-shadow: 0 0 10px -8px;
    display: none;
    width: 360px;
    /* max-width: 90%; */
    text-align: left;
    background-color: #ddd;
}

.eventShown {
    display: none;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper.active .profileDropdown {
    display: block;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileDetail {
    float: left;
    width: 100%;
    height: auto;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileDetail:hover {
    /* background-color: #fff; */
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #e4e4e4;
    position: absolute;
    bottom: 100%;
    left: calc(100% - 45px);
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileDetail .mainCredit {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    padding-left: 10px;
    vertical-align: top;
    text-decoration: none;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileDetail .mainCredit.active {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileDetail .mainCredit span {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    color: #666;
    line-height: 40px;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileDetail .mainCredit span:last-child {
    font-size: 18px;
    font-weight: 700;
    color: #666;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileDetail .mainCredit span:last-child i {
    font-style: normal;
}

section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileDetail .mainCredit span i.currentBalanceNew {
    float: left;
    width: 100%;
    height: auto;
    padding: 5px 0;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileDetail .mainCredit span i.currentBalanceNew b {
    float: left;
    width: 100%;
    height: auto;
    line-height: normal;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileNav {
    float: left;
    width: 100%;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails .profileBalance i.currentBalanceNew {
    float: left;

}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileMainDetails .profileBalance i.currentBalanceNew b {
    float: left;
    width: 100%;
}
#currentBalanceUserCoinSelect {
    height: 40px;
    width: 184px;
    text-align: center;
    background: transparent;
    border: 0;
    outline: 0;
    color: #fff;
    border-bottom: 2px solid #fff;
    margin-right: 30px;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileNav a {
    float: left;
    width: 100%;
    line-height: 40px;
    text-align: left;
    font-size: 13px;
    color: #545454;
    text-decoration: none;
    font-weight: 200;
    padding: 0 11px;
    height: 40px;
    border-bottom: 1px solid #cecece;
    cursor: pointer;
}
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileNav a.active,
section.header .headerWrapper .rightNavWrapper .profileWrapper .profileDropdown .profileNav a:hover {
    /* background-color: #fff; */
}
section.header .headerWrapper .rightNavWrapper .menuItem {
    float: left;
    width: auto;
    color: #fff;
    height: 46px;
    line-height: 46px;
    margin: 0;
    font-size: 11pt;
    padding: 0 10px;
    cursor: pointer;
}
section.header .headerWrapper .rightNavWrapper .menuItem:hover {
    color: #26ffbe;
}
section.header .headerWrapper .rightNavWrapper .menuItem.loginBtn {
    background-color: transparent;
    color: #ffe600;
    /* color: #333; */
    border-radius: 2px;
    margin-left: 10px;
}
section.header .headerWrapper .rightNavWrapper .menuItem.loginBtn:hover {
    background-color: transparent;
}
section.header .headerWrapper .searchWrapper {
    float: right;
    width: 60px;
    height: 60px;
    position: relative;
}
section.header .headerWrapper .searchWrapper .closeSearchSubmit {
    float: left;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
}
section.header.searchClicked .headerWrapper .searchWrapper .closeSearchSubmit {
    opacity: 1;
    visibility: visible;
}
section.header .headerWrapper .searchWrapper .closeSearchSubmit svg {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 22.5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #fff;
}
section.header .headerWrapper .searchWrapper .closeSearchSubmit:hover svg {
    fill: #26ffbe;
}
section.header .headerWrapper .searchWrapper .searchSubmit {
    float: left;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
section.header .headerWrapper .searchWrapper .searchSubmit svg {
    float: left;
    width: 100%;
    height: 100%;
    fill: #fff;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 22.5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
section.header .headerWrapper .searchWrapper .searchSubmit:hover svg {
    fill: #26ffbe;
}
section.header.searchClicked .headerWrapper .searchWrapper .searchSubmit:hover svg {
    fill: #fff;
}
section.header .headerWrapper .searchWrapper input {
    width: calc(100% - 120px);
    border: 0;
    height: calc(100% - 20px);
    margin-bottom: 10px;
    margin-top: 10px;
    float: left;
    background-color: transparent;
    outline: none;
    color: #fff;
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
    border-bottom: 1px solid transparent
}
section.header .headerWrapper .searchWrapper input::-webkit-input-placeholder {
    color: #26ffbe;
}
section.header .headerWrapper .searchWrapper input::-moz-placeholder {
    color: #26ffbe;
}
section.header .headerWrapper .searchWrapper input:-ms-input-placeholder {
    color: #26ffbe;
}
section.header .headerWrapper .searchWrapper input::-ms-input-placeholder {
    color: #26ffbe;
}
section.header .headerWrapper .searchWrapper input::placeholder {
    color: #26ffbe;
}
section.header.searchClicked .headerWrapper .searchWrapper input {
    margin-left: 60px;
    margin-right: 60px;
    border-color: #fff;
}
section.header .headerWrapper .searchWrapper .searchHolder {
    float: left;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
    top: 0;
    z-index: 1;
    background-color: #126e51;
}

.fullScreenSlot {
    position:fixed!important; top:0!important; left:0!important; bottom:0!important; right:0!important;
    width:100%!important; height:100%!important; border:none!important; margin:0!important; padding:0!important;
    overflow:hidden!important; z-index:999999!important;
}
body.headerScrolled section.content {
    margin-top: 60px;
}

.livePage body.headerScrolled section.content {
    margin-top: 0;
}

/*  Content Style  */

section.content {
    float: left;
    width: 100%;
    margin-top: 65px;
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.headerWrapper .logo span{
    font-weight: bold;
    color: var(--InPlayColor);
    font-size: 15pt;
    font-family: Arial Black, Arial, Helvetica, sans-serif;
}
.headerWrapper .logo span i {
    font-family: Arial Black, Arial, Helvetica, sans-serif;
    color: var(--InTitleColor);
    font-style: normal;
}

section.content section.mainPanel {
    float: left;
    width: calc(100% - 420px);
    position: relative;
}
section.content section.rightPanel {
    float: left;
    width: 420px;
    position: -webkit-sticky;
    position: sticky;
    top: 105px;
    right: 0;
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
}
.headerScrolled section.content section.rightPanel {
    top: 60px;
}
.betSlip {
    float: left;
    width: calc(100%);
    height: calc(100%);
    margin: 0;
    background: #e4e4e4;
    overflow-y: auto;
}
.betSlip .betSlipHeader {
    float: left;
    width: 100%;
    position: relative;
    height: 50px;
    border-bottom: 1px solid #cecece;
    padding: 11px 10px;
    -webkit-box-shadow: 0 0 12px -10px #000;
    box-shadow: 0 0 12px -10px #000;
}
.betSlip .betSlipHeader .betCount {
    float: left;
    width: 26px;
    height: 26px;
    background-color: #126e51;
    border-radius: 100%;
    margin-right: 15px;
    overflow: hidden;
}
.betSlip .betSlipHeader .betCount span {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
}
.betSlip .betSlipHeader .betCount.animate {
    -webkit-animation: animateCounter .2s linear;
    animation: animateCounter .2s linear;
}

@-webkit-keyframes animateCounter {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes animateCounter {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.betSlip .betSlipHeader .betHeaderTitle {
    float: left;
    width: calc(100% - 141px);
    height: 26px;
}
.betSlip .betSlipHeader .betHeaderTitle span {
    float: left;
    width: auto;
    line-height: 26px;
    color: #404040;
    height: 26px;
}
.betSlip .betSlipHeader .betBalance {
    float: left;
    width: 100px;
    display: none;
}
.betSlip .betSlipHeader .betBalance span {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 13px;
    text-align: right;
    color: #666;
}
.betSlip .betSlipHeader .betBalance span:last-child {
    color: #404040;
}
.betSlip .betSlipHeader .betBalance span:last-child i {
    font-style: normal;
}

.betSlip .betSlipContent {
    height: calc(100% - 98px);
    overflow-y: auto;
    float: left;
    width: 100%;
}
.betSlip .betSlipContent .betSlipSingleItem {
    float: left;
    width: 100%;
    height: auto;
    border-top: 1px solid #c3c3c3;
}
.betSlip .betSlipContent .betSlipSingleItem .removeBetBtn {
    float: left;
    width: 34px;
    cursor: pointer;
    height: 34px;
}
.betSlip .betSlipContent .betSlipSingleItem .removeBetBtn svg {
    float: left;
    width: 100%;
    height: 100%;
    padding: 12px;
}
.betSlip .betSlipContent .betSlipSingleItem .removeBetBtn:hover svg {
    fill: #288b68;
}
.betSlip .betSlipContent .betSlipSingleItem:first-child {
    border-top: 0;
}
.betSlip .betSlipContent .betSlipSingleItem .betSlipSingleContent {
    float: left;
    width: calc(100% - 34px);
    position: relative;
    height: auto;
}
.betSlip .betSlipContent .betSlipSingleItem .betSlipSingleContent .betSlipSingleDetails {
    float: left;
    width: 100%;
    height: auto;
    padding: 8px;
    padding-right: 75px;
}
.betSlip .betSlipContent .betSlipSingleItem .betSlipSingleContent .betSlipSingleDetails span {
    float: left;
    width: 100%;
}
.betSlip .betSlipContent .betSlipSingleItem .betSlipSingleContent .betSlipSingleDetails .betSlipSingleName {
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    line-height: 18px;
}
.betSlip .betSlipContent .betSlipSingleItem .betSlipSingleContent .betSlipSingleDetails .betSlipSingleType {
    font-size: 12px;
    color: #545454;
    font-weight: 300;
    line-height: 1.5em;
}
.betSlip .betSlipContent .betSlipSingleItem .betSlipSingleContent .betSlipSingleDetails .betSlipSingleMatch {
    font-size: 15px;
    line-height: 18px;
    color: #404040;
    font-weight: 400;
    overflow: hidden;
    word-wrap: break-word;
    padding-bottom: 1px;
}

.groupRender {
    float: left;
    width: 100%;
    height: auto;
}
.betSlip .betSlipContent .betSlipSingleItem .betSlipSingleContent .betSlipSingleOdd {
    float: left;
    /* width: 100%; */
    height: 100%;
    padding: 0 0 8px 0;
    position: absolute;
    right: 0;
    top: 10px;
}
.betSlip .betSlipContent .betSlipSingleItem .betSlipSingleContent .betSlipSingleOdd span {
    float: left;
    /* width: 100%; */
    padding-right: 10px;
    text-align: right;
    height: auto;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
}

/* .singleAwayOdd.bettingBtn.disabledBtn {
  display: none !important;
} */

/* .contentSingleGameHolder .singleAwayOdd.bettingBtn.disabledBtn {
  display: inherit !important;
} */

.goalAnotherType .contentSingleGameHolder .singleAwayOdd.bettingBtn.disabledBtn {
  display: none !important;
}



.betSlip .betSlipFooter {
    float: left;
    width: 100%;
    height: 120px;
    padding: 0;
    border-top: 0;
    background: var(--TitleBackColor);
    text-align: center;
}


.currencyValue {
    /* float: left;
    width: 100%;
    height: 40px;
    position: relative; */
    display: none;
}

.currencyValue .currencySelector {
    display: inline-block;
    width: calc(calc(100% / 3) - 15px);
    border-radius: 5px;
    box-shadow: 0 0 2px -1px #000;
    height: 30px;
    line-height: 30px;
    margin: 5px 0;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    transition: .15s linear;
}
.currencyValue .currencySelector.selected {
    background-color: var(--InTitleLightColor);
    color: #000;
}
.betSlip.currencySelector .currencyValue {
    display: inline-block;
}
.betSlip.currencySelector .betSlipFooter {
    height: 170px;
}
.betSlip.currencySelector .betSlipContent {
    height: calc(100% - 98px)
}
.betSlip .betSlipFooter .betStake {
    float: left;
    width: 50%;
    border-right: 1px solid rgba(255,255,255,.5);
    padding-left: 10px;
    padding-top: 0;
    margin-top: 10px;
}
.betSlip .betSlipFooter .betStake span {
    float: left;
    width: 100%;
    height: auto;
    color: #fff;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
}
.betSlip .betSlipFooter .betStake input {
    float: left;
    width: calc(100% - 25px);
    height: 30px;
    margin-right: 10px;
    padding-left: 5px;
    background-color: transparent;
    border: 0;
    outline: none;
    color: #fff;
    font-size: 18px;
}
.betSlip .betSlipFooter .betStake input::-webkit-input-placeholder {
    color: rgba(255,255,255,.3);
}
.betSlip .betSlipFooter .betStake input::-moz-placeholder {
    color: rgba(255,255,255,.3);
}
.betSlip .betSlipFooter .betStake input:-ms-input-placeholder {
    color: rgba(255,255,255,.3);
}
.betSlip .betSlipFooter .betStake input::-ms-input-placeholder {
    color: rgba(255,255,255,.3);
}
.betSlip .betSlipFooter .betStake input::placeholder {
    color: rgba(255,255,255,.3);
}
.betSlip .betSlipFooter .betStake .valueIcon {
    float: left;
    width: 15px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    font-style: normal;
}
.betSlip .betSlipFooter .betPlace {
    float: left;
    width: 50%;
    padding-left: 8px;
    height: 50px;
    padding-right: 10px;
    padding-top: 10px;
}
.betSlip .betSlipFooter .betPlace span:first-child {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
.betSlip .betSlipFooter .betPlace .valueIcon {
    float: left;
    width: 15px;
    height: 20px;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-style: normal;
}
.betSlip .betSlipFooter .betPlace span:last-child {
    float: left;
    width: calc(100% - 15px);
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}
.betSlip .betSlipFooter .betBtn {
    float: left;
    width: calc(100% - 10px);
    height: 50px;
    margin: 5px;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 10px -7px #000;
    box-shadow: 0 2px 10px -7px #000;
}
.betSlip .betSlipFooter .betBtn:hover {
    background: var(--InTitleLightColor);
}
.betSlip .betSlipFooter .betBtn span {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
}
.betSlip .betSlipFooter .betBtn span:first-child {
    padding-right: 15px;
}
.betSlip .betSlipFooter .betBtn:hover span {
    color: #000;
}

section.content section.mainPanel section.leftPanel {
    float: left;
    width: 220px;
    position: relative;
    background-color: #333;
}

section.content section.mainPanel section.leftPanel .menuHolder {
    float: left;
    width: 100%;
    height: auto;
}

section.content section.mainPanel section.leftPanel .menuHolder .menuItem {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 13px;
    color: #9c9c9c;
    border-bottom: 1px solid #404040;
    cursor: pointer;
    position: relative;
}
section.content section.mainPanel section.leftPanel .menuHolder .menuItem svg {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #9c9c9c;
}
section.content section.mainPanel section.leftPanel .menuHolder .menuItem.active,
section.content section.mainPanel section.leftPanel .menuHolder .menuItem:hover {
    background-color: #383838;
    color: #fff;
}

section.content section.mainPanel section.contentHolder {
    float: left;
    width: calc(100% - 220px);
    height: auto;
}
section.content section.mainPanel section.contentHolder .pageSection {
    float: left;
    width: 100%;
    height: auto;
}
section.content section.mainPanel section.contentHolder .pageSection .homePageLabel {
    float: left;
    width: 100%;
    background-color: #474747;
    border-bottom: 1px solid #404040;
    height: 30px;
}
section.content section.mainPanel section.contentHolder .pageSection .homePageLabel svg {
    float: left;
    width: 14px;
    height: 14px;
    margin: 8px;
    fill: #9c9c9c;
}
section.content section.mainPanel section.contentHolder .pageSection .firstColumn {
    width: 100%;
    float: left;
    /* margin-top: 6px; */
}
section.content section.mainPanel section.contentHolder .pageSection .secondColumn {
    width: calc(100% - 569px);
    float: left;
    margin-left: 3px;
}

.countryHeaderLabel {
    float: left;
    width: 100%;
    background: #126e51;
    background: var(--TitleBackColor);
    border-bottom: 1px solid #0F6644;
    border-bottom: 1px solid var(--TitleBackBorderColor);
}
.countryHeaderLabel span {
    float: left;
    width: 100%;
    padding-left: 10px;
    line-height: 33px;
    font-size: 13px;
    color: #fff;
}

.countryHeaderContent {
    float: left;
    width: 100%;
    height: auto;
    background-color: var(--BodyBackColor);
    cursor: pointer;
}
.countryHeaderContent a {
    float: left;
    width: 100%;
    /* height: 100%; */
    line-height: 44px;
    color: #ddd;
    padding-left: 10px;
    text-decoration: none;
    font-weight: 400;
    font-size: 10pt;
    border-bottom: 1px solid #757575;
    background-repeat: no-repeat;
    background-position: center right 15px;
    background-size: 16px;
    background-image: url('../img/right-arrow.svg');
}



.leagueHeaderLabel {
    float: left;
    width: 100%;
    background: #126e51;
    background: var(--TitleBackColor);;
    border-bottom: 1px solid #0F6644;
    border-color: var(--TitleBackBorderColor);
}
.leagueHeaderLabel span {
    float: left;
    width: 100%;
    padding-left: 10px;
    line-height: 25px;
    font-size: 13px;
    color: #fff;
}

.leagueHeaderContent {
    float: left;
    width: 100%;
    height: auto;
    background-color: var(--BodyBackColor);
    cursor: pointer;
}
.leagueHeaderContent a {
    float: left;
    width: 100%;
    /* height: 100%; */
    line-height: 44px;
    color: #ddd;
    padding-left: 10px;
    text-decoration: none;
    font-weight: 400;
    font-size: 10pt;
    border-bottom: 1px solid #757575;
    background-repeat: no-repeat;
    background-position: center right 15px;
    background-size: 16px;
    background-image: url('../img/right-arrow.svg');
}


.homePageBanner {
    float: left;
    width: 100%;
    height: 150px;
}
.homePageBanner .imageHomePageBanner {
    float: left;
    width: 266px;
    height: 100%;
    position: relative;
}
.homePageBanner .imageHomePageBanner .homePageBannerBtn {
    float: left;
    width: 100%;
    height: 100%;
}
.homePageBanner .imageHomePageBanner .homePageBannerBtn img {
    float: left;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.homePageBanner .imageHomePageBanner .bannerWatchBtn {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 25px;
    width: 100%;
    background: rgba(34,34,34,.8);
    text-align: center;
}
.homePageBanner .imageHomePageBanner .bannerWatchBtn span {
    display: inline-block;
    color: #ddd;
    line-height: 25px;
    font-size: 12px;
}
.homePageBanner .imageHomePageBanner .bannerWatchBtn i {
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 5px;
    color: #ddd;
}
.homePageBanner .imageHomePageBanner .bannerWatchBtn i svg {
    float: left;
    width: 100%;
    height: 100%;
    fill: #ddd;
}
.homePageBanner .imageHomePageBanner .bannerWatchBtn:hover span {
    color: #ffe600;
}
.homePageBanner .imageHomePageBanner .bannerWatchBtn:hover i svg {
    fill: #ffe600;
}


.homePageBanner .bettingBannerDetails {
    float: left;
    width: calc(100% - 266px);
}
.homePageBanner .bettingBannerDetails .bettingBannerDetailsHeader {
    float: left;
    width: 100%;
    height: 45px;
    background-color: #14805e;
    border-bottom: 1px solid #116b4f;
}
.homePageBanner .bettingBannerDetails .bettingBannerDetailsHeader .bettingBannerDetailsHeaderTitleContainer {
    float: left;
    width: 100%;
    height: 15px;
    margin-top: 5px;
}
.homePageBanner .bettingBannerDetails .bettingBannerDetailsHeader .bettingBannerDetailsHeaderTitleContainer .bettingBannerDetailsHeaderTitle {
    float: left;
    width: auto;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    padding-left: 10px;
    color: #4acfa5;
}
.homePageBanner .bettingBannerDetails .bettingBannerDetailsHeader .bettingBannerDetailsHeaderTitleContainer .bettingBannerDetailsHeaderTitleLabel {
    float: right;
    width: auto;
    height: 15px;
    line-height: 15px;
    padding-right: 10px;
    font-size: 11px;
    color: #4acfa5;
}
.homePageBanner .bettingBannerDetails .bettingBannerDetailsHeader .bettingBannerDetailsHeaderMatchContainer {
    float: left;
    width: 100%;
    height: 20px;
    margin-bottom: 5px;
}
.homePageBanner .bettingBannerDetails .bettingBannerDetailsHeader .bettingBannerDetailsHeaderMatchContainer .bettingBannerDetailsHeaderMatchTitle {
    color: #e8e8e8;
    float: left;
    padding-left: 10px;
    width: auto;
    line-height: 20px;
    height: 25px;
    font-size: 13px;
}
.homePageBanner .bettingBannerDetails .bettingBannerDetailsHeader .bettingBannerDetailsHeaderMatchContainer .bettingBannerDetailsHeaderMatchScore {
    color: #ffe600;
    float: right;
    width: auto;
    line-height: 20px;
    height: 25px;
    font-size: 13px;
    padding-right: 10px;
}

.homePageBanner .bettingBannerDetails .bettingBannerDetailsHeader .bettingBannerDetailsHeaderMatchContainer:hover .bettingBannerDetailsHeaderMatchTitle {
    color: #ffe600;
}
.homePageBanner .bettingBannerDetails .bettingBannerDetailsHeader .bettingBannerDetailsHeaderMatchContainer:hover .bettingBannerDetailsHeaderMatchScore {
    color: #ffe600;
}
.homePageBanner .bettingBannerDetails .bettingBannerContent {
    float: left;
    width: 100%;
    height: auto;
}
.homePageBanner .bettingBannerDetails .bettingBannerContent .bettingBannerParticipant {
    float: left;
    width: 100%;
    height: 35px;
    padding: 0 10px;
    position: relative;
    border-color: #757575;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: #666;
}
.homePageBanner .bettingBannerDetails .bettingBannerContent .bettingBannerParticipant:hover {
    background-color: #707070;
    border-color: transparent;
}
.homePageBanner .bettingBannerDetails .bettingBannerContent .bettingBannerParticipant span {
    display: inline-block;
    line-height: 35px;
    height: 35px;
    font-size: 12px;
    color: #ddd;
}
.homePageBanner .bettingBannerDetails .bettingBannerContent .bettingBannerParticipant span:last-child {
    padding-left: 10px;
    color: #ffe600;
    font-size: 12px;
}
.homePageBanner .bettingBannerDetails .bettingBannerContent .bettingBannerParticipant.highlighted {
    background-color: #e4e4e4;
    border-color: transparent;
}
.homePageBanner .bettingBannerDetails .bettingBannerContent .bettingBannerParticipant.highlighted span {
    color: #545454;
}
.homePageBanner .bettingBannerDetails .bettingBannerContent .bettingBannerParticipant.highlighted span:last-child {
    color: #14805e;
}

.betModule.liveInModule {
    float: left;
    width: 100%;
    height: auto;
}
.betModule.liveInModule .betModuleTabs {
    float: left;
    width: 100%;
    height: auto;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn {
    float: left;
    width: 100%;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn {
    float: left;
    height: 80px;
    position: relative;
    text-align: center;
    padding: 7px 4px;
    margin: 0;
    opacity: 0.7;
    cursor: pointer;
    width: 77px;
    border-right: 1px solid #757575;
    margin-right: 0;
}

#inPlayMainContentHolder .betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn {
    
}

#inPlayMainContentHolder .betModuleSportBtn:not(.current) {
    filter: grayscale(1);
}

#inPlayMainContentHolder .betModuleSportBtn.current span {
    color: var(--InPlayColor) !important;
}

.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    opacity: 0;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn.active:after {
    opacity: 1;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn:first-child.active:after {
    border-bottom-color: #25765C;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn:nth-child(2).active:after {
    border-bottom-color: #C18C00;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn:nth-child(3).active:after {
    border-bottom-color: #5F6E37;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn:last-child.active:after {
    border-bottom-color: #624B6E;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn:hover {
    opacity: 1;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn.active {
    opacity: 1;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn svg {
    display: inline-block;
    width: 35px;
    height: 50px;
    margin-bottom: 4px;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn span {
    display: block;
    width: 100%;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    margin-bottom: 6pt;
    margin-top: 6pt;
    color: #999;
    position: absolute;
    height: 30px;
    margin: 0;
    left: 0;
    vertical-align: baseline;
    float: none;
    display: inline-block;
    bottom: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    align-content: center;
    bottom: 5px;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn.active span {
    color: #ffe600;
}
.betModule.liveInModule .betModuleHeaderContainer {
    float: left;
    width: 100%;
    background: #14805e;
    background: var(--TitleBackColor);
    height: 43px;
    max-height: 100%;
    border-bottom: 1px solid #288b68;
    border-bottom: none;
}
.betModule.liveInModule .betModuleHeaderContainer .betModuleHeaderBtn {
    line-height: 43px !important;
    font-size: 14px !important;
}
#content_container #inPlayMainContentHolder .betModule.liveInModule .betModuleHeaderContainer.o-bg {
    background-color: #C18C00;
    border-bottom-color: #C18C00;
}
#content_container #inPlayMainContentHolder .betModule.liveInModule .betModuleHeaderContainer.p-bg {
    background-color: #5f6e37;
    border-bottom-color: #5f6e37;
}

#content_container #inPlayMainContentHolder .betModule.liveInModule .betModuleHeaderContainer {
    background-color: #25765c;
    border-bottom-color: #25765c;
    height: 32px;
}

#content_container #inPlayMainContentHolder .betModule.liveInModule .betModuleHeaderContainer.b-bg {
    background-color: #344d63;
    border-bottom-color: #344d63;
}

.betModule.liveInModule .betModuleHeaderContainer .betModuleHeaderBtn {
    float: left;
    width: 50%;
    height: 32px;
    line-height: 40px;
    padding-left: 10px;
    font-size: 16px;
    color: #e4e4e4;
}
.betModule.liveInModule .betModuleHeaderContainer.makeFull .betModuleHeaderBtn {
    width: 100%;
}

.searchHolder {
    float: left;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999999;
    background-color: #333;
    padding-top: 106px;
    display: none;
}
.searchHolder.show {
    display: inherit;
}
.searchHolder .searchHeader {
    position: absolute;
    left: 0;
    top: 0;
    height: 56px;
    width: 100%;
    background-color: #126e51;
    border-bottom: 3px solid #09d293;
}
.searchHolder .searchHeader input {
    float: left;
    width: 100%;
    height: 56px;
    padding-right: 100px;
    padding-left: 50px;
    background-color: transparent;
    border: 0;
    outline: none;
    font-size: 12pt;
    color: #fff;
}
.searchHolder .searchHeader input::-webkit-input-placeholder {
    color: #fff;
}
.searchHolder .searchHeader input::-moz-placeholder {
    color: #fff;
}
.searchHolder .searchHeader input:-ms-input-placeholder {
    color: #fff;
}
.searchHolder .searchHeader input::-ms-input-placeholder {
    color: #fff;
}
.searchHolder .searchHeader input::placeholder {
    color: #fff;
}
.searchHolder .searchHeader .closeSearch {
    float: left;
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    line-height: 56px;
    color: #fff;
    padding: 0 10px;
}
.searchHolder .searchHeader .clearInput {
    float: left;
    width: 30px;
    height: 30px;
    margin: 13px 0;
    position: absolute;
    right: 61px;
    text-align: center;
    top: 0;
    color: #fff;
    line-height: 56px;
}
.searchHolder .searchHeader .clearInput span {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 30px;
}
.searchHolder .searchHeader .iconSearch {
    float: left;
    width: 20px;
    left: 15px;
    top: 15px;
    fill: #fff;
    height: 20px;
    position: absolute;
}
.searchHolder .searchSecondHeader {
    float: left;
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    top: 56px;
    border-bottom: 1px solid #757575;
}
.searchHolder .searchSecondHeader span {
    float: left;
    width: auto;
    font-size: 10pt;
    padding-left: 15px;
    line-height: 40px;
    height: 40px;
    color: #fff;
}
.searchHolder .searchSecondHeader .clearSearch {
    float: right;
    padding-right: 15px;
    line-height: 40px;
    font-size: 10pt;
    height: 40px;
    color: #fff;
}
.searchHolder .searchContent {
    float: left;
    width: 100%;
    padding: 0 15px;
    height: calc(100vh - 106px);
    overflow-y: auto;
    padding-bottom: 15px;
}


.betModule.liveInModule .betModuleHeaderContainer .betModuleHeaderBtn span:last-child {
    color: var(--yellowColor);
    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;
}
.betModule.liveInModule .betModuleHeaderContainer .betHeaderEventBtn {
    float: right;
    width: auto;
}
.betModule.liveInModule .betModuleHeaderContainer .betHeaderEventBtn span {
    float: left;
    width: auto;
    padding-right: 10px;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    color: #4acfa5;
    color: var(--InTitleLightColor);
}
.betModule.liveInModule .betModuleHeaderContainer .betHeaderEventBtn:hover span {
    color: #e4e4e4;
}

.betModule.liveInModule .betModuleContentContainer {
    float: left;
    width: 100%;
    height: auto;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transition: .2s ease-in-out all;
    -o-transition: .2s ease-in-out all;
    transition: .2s ease-in-out all;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionHeader {
    float: left;
    width: 100%;
    height: 25px;
    position: relative;
    cursor: pointer;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion.moduleFirstColour .moduleSportAccordionHeader {
    background-color: #25765C;
    border-bottom: 1px solid #0F6644;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion.moduleSecondColour .moduleSportAccordionHeader {
    background-color: #C18C00;
    border-bottom: 1px solid #8C6400;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion.moduleThirdColour .moduleSportAccordionHeader {
    background-color: #5F6E37;
    border-bottom: 1px solid #536632;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion.moduleFourthColour .moduleSportAccordionHeader {
    background-color: #624B6E;
    border-bottom: 1px solid #53415D;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionHeader span {
    float: left;
    width: 100%;
    padding-left: 10px;
    line-height: 25px;
    font-size: 13px;
    color: #fff;
}

.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionHeader .accordionIcon {
    float: left;
    width: 9px;
    height: 9px;
    fill: #a7a7a7;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    opacity: 0;
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
}
.betModule.liveInModule.accordionDisable .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionHeader .accordionIcon {
    display: none;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionHeader:hover .accordionIcon {
    opacity: 1;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionHeader:hover .accordionIcon {
    fill: #ddd;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent {
    float: left;
    width: 100%;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion {
    float: left;
    width: 100%;
    height: auto;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague {
    float: left;
    width: 100%;
    height: auto;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueHeader {
    float: left;
    width: 100%;
    height: 25px;
    background-color: #999;
    cursor: pointer;
    border-bottom: 1px solid #757575;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueHeader span {
    float: left;
    width: 100%;
    height: 100%;
    line-height: 25px;
    color: #333;
    font-size: 12px;
    padding-left: 10px;
    font-weight: 400;
}

.hideItem{
    display: none;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent {
    float: left;
    width: 100%;
    height: auto;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague.hideGroup .moduleSportSingleLeagueContent {
    display: none;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch {
    float: left;
    width: 100%;
    height: auto;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel {
    float: left;
    width: 100%;
    height: auto;
    background: #666;
    border-bottom: 1px solid #757575;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink {
    float: left;
    width: calc(100% - 30px);
    cursor: pointer;
    height: 30px;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span {
    float: left;
    width: auto;
    height: 100%;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    padding-left: 10px;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:first-child {
    width: calc(100% - 100px);
    color: #ddd;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:first-child i {
    font-style: normal;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:first-child i:last-child::before{
    content: '-';
    padding-right: 5px;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink:hover span:first-child {
    color: #ffe600;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:nth-child(2) {
    color: #ffe600;
    width: auto;
    width: 50px;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:last-child {
    float: left;
    width: 50px;
    color: #ddd;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueAccordionEvent {
    float: right;
    width: 30px;
    height: 30px;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueAccordionEvent svg {
    float: left;
    width: 100%;
    height: 100%;
    padding: 11px;
    fill: #ddd;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueAccordionEvent:hover svg {
    opacity: 1;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueAccordionEvent:hover svg {
    fill: #fff;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons {
    float: left;
    width: 100%;
    height: 30px;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch.hideDetails .moduleSportSingleLeagueMatchBetButtons {
    display: none;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton {
    float: left;
    width: 33.33%;
    height: 30px;
    cursor: pointer;
    background-color: #5e5e5e;
    text-align: center;
}

.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons.twoButtonsColumn .betHomeButton,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons.twoButtonsColumn .betAwayButton {
    float: left;
    width: 50%;
    height: 30px;
    cursor: pointer;
    background-color: #5e5e5e;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton:hover,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton:hover,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton:hover {
    background-color: #777;
}

.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton.betSlipAdded,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton.betSlipAdded,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton.betSlipAdded {
    background-color: #e4e4e4;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton.betSlipAdded span:first-child,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton.betSlipAdded span:first-child,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton.betSlipAdded span:first-child {
    color: #545454;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton.betSlipAdded span:last-child,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton.betSlipAdded span:last-child,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton.betSlipAdded span:last-child {
    color: #14805e;
}


.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton {
    border-right: 1px solid #6e6e6e;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton span,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton span,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton span {
    float: none;
    width: auto;
    font-size: 12px;
    padding-left: 10px;
    line-height: 30px;
    display: inline-block;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton span:first-child,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton span:first-child,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton span:first-child {
    color: #ddd;
}
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betHomeButton span:last-child,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betDrawButton span:last-child,
.betModule.liveInModule .betModuleContentContainer .betModuleSportAccordion .moduleSportAccordionContent .moduleSportSingleAccordion .moduleSportSingleLeague .moduleSportSingleLeagueContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .betAwayButton span:last-child {
    padding-left: 10px;
    color: #ffe600;
}

/*  Login Modal Style  */

.loginModal {
    position: fixed;
    z-index: 9999;
    float: left;
    background-color: var(--NavigationBack);
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
}
.loginModal.clicked {
    opacity: 1;
    visibility: visible;
}

.loginModal .loginModalWrapper {
    float: left;
    max-width: 310px;
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50px);
    -ms-transform: translate(-50%, -50px);
    transform: translate(-50%, -50px);
    height: auto;
    padding: 26px 18px 10px;
    background-color: #e4e4e4;
    opacity: 0;
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
    top: 46px;
}
.loginModal.clicked .loginModalWrapper {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1;
}
.headerScrolled .loginModal .loginModalWrapper {
    top: 60px;
}

.loginModal .loginModalWrapper .inputHolder {
    float: left;
    width: 100%;
    border-radius: 2px;
    height: 45px;
    border: 1px solid #c3c3c3;
    background-color: #e4e4e4;
}
.loginModal .loginModalWrapper .inputHolder:nth-child(2) {
    margin-top: 10px;
    margin-bottom: 10px;
}

.loginModal .loginModalWrapper .inputHolder input {
    float: left;
    width: calc(100% - 50px);
    height: 100%;
    border: 0;
    outline: none;
    background-color: #e4e4e4 !important;
    padding: 0 10px;
    font-weight: 500;
    font-size: 15px;
    border-color: 1px solid #aaa;
}
.loginModal .loginModalWrapper .inputHolder .clearUsername {
    float: left;
    width: 50px;
    height: 100%;
    position: relative;
    cursor: pointer
}
.loginModal .loginModalWrapper .inputHolder .clearUsername.hideElement {
    display: none;
}
.loginModal .loginModalWrapper .inputHolder .clearUsername svg {
    float: left;
    width: 100%;
    height: 100%;
    padding: 15px;
    fill: #333;
}
.loginModal .loginModalWrapper .inputHolder .clearUsername:hover svg {
    fill: #126e51
}
.loginModal .loginModalWrapper .inputHolder .passwordVisible {
    float: left;
    width: 50px;
    height: 100%;
    position: relative;
    cursor: pointer;
}
.loginModal .loginModalWrapper .inputHolder .passwordVisible svg {
    float: left;
    width: 100%;
    height: 100%;
    padding: 11px;
    fill: #333;
    position: absolute;

}
.loginModal .loginModalWrapper .inputHolder .passwordVisible:hover svg {
    fill: #126e51;
}
.loginModal .loginModalWrapper .inputHolder .passwordVisible svg.showPassword {
    display: block;
}
.loginModal .loginModalWrapper .inputHolder .passwordVisible svg.showPassword {
    display: block;
}
.loginModal .loginModalWrapper .inputHolder .passwordVisible svg.hidePassword.hideElement {
    display: none;
}
.loginModal .loginModalWrapper .inputHolder .passwordVisible svg.showPassword.hideElement {
    display: none;
}
.loginModal .loginModalWrapper .loginAuthBtn {
    width: 100%;
    line-height: 20px;
    border-radius: 2px;
    height: 45px;
    background-color: #126e51;
    background-color: var(--TitleBackColor);
    cursor: pointer;
    padding: 0 10px;
    margin-top: 10px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #fff;
    float: left;
    text-align: center;
    line-height: 45px;
    color: #f0f0f0;
}
.loginModal .loginModalWrapper .loginAuthBtn:hover {
    background-color: #168361;
    background-color: var(--TitleBackBorderColor);
    color: #fff;
}
.loginModal .loginModalWrapper .forgetPasswordBtn {
    color: #126e51;
    font-size: 14px;
    margin-bottom: 10px;
    float: left;
    width: auto;
    margin-top: 10px;
    cursor: pointer;
}

.gameTableHeader {
    float: left;
    width: 100%;
    height: auto;
}
.gameTableHeader .gameTableHeaderTitle {
    float: left;
    width: 100%;
    height: auto;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #126e51;
    background-color: var(--TitleBackColor);
    padding-left: 10px;
}

.gameTableContent {
    float: left;
    width: 100%;
}
.gameTableContent .singleGameDateLabel {
    float: left;
    width: 100%;
    background-color: #a7a7a7;
}
.gameTableContent .singleGameDateLabel span {
    float: left;
    color: #444;
    line-height: 20px;
    font-size: 12px;
    min-height: 1px;
}
.gameTableContent .singleGameDateLabel span:first-child {
    width: calc(100% - 450px);
    padding-left: 10px;
}
.gameTableContent .singleGameDateLabel span:nth-child(2) {
    width: 150px;
    text-align: center;
}
.gameTableContent .singleGameDateLabel span:nth-child(3) {
    width: 150px;
    text-align: center;
}
.gameTableContent .singleGameDateLabel span:last-child {
    width: 150px;
    text-align: center;
}
.gameTableContent .singleGameContent {
    float: left;
    width: 100%;
    display: inherit;
}

.gameTableContent .singleDateColumn {
    position: relative;
}

.gameTableContent .singleDateColumn .livestream-option {
    position: absolute;
    top: 15px;
    left: -20px;
}

.betHeaderCoef {
    float: left;
    width: auto;
    height: auto;
    position: absolute;
    right: 25%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.betHeaderCoef span {
    float: left;
    width: auto;
    height: auto;
    font-size: 11pt;
    font-weight: 400;
}
.gameTableContent .singleGameContent.hideBox {
    display: none;
}
.gameTableContent .singleGameContent .singleTeamNames {
    float: left;
    width: calc(100% - 450px);
    background-color: #666;
    border-bottom: 1px solid #757575;
}
.gameTableContent .singleGameContent .singleTeamNames .singleDateColumn {
    float: left;
    width: 80px;
    padding-top: 10px;
}
.gameTableContent .singleGameContent .singleTeamNames .singleDateColumn span {
    float: left;
    width: 100%;
    padding-left: 10px;
    font-size: 11px;
    color: #cecece;
    line-height: 20px;
}
.gameTableContent .singleGameContent .singleTeamNames .singleMatchResult {
    float: left;
    width: 50px;
    padding: 10px;
    position: relative;
    height: 60px;
}
.gameTableContent .singleGameContent .singleTeamNames .singleMatchResult span {
    float: left;
    word-break: break-all;
    width: 35px;
    height: auto;
    line-height: 20px;
    padding: 0px 10px;
    text-align: center;
    color: #ffe600;
    font-size: 11pt;
}
.gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn {
    float: left;
    width: calc(100% - 140px);
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
}
.gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn .singleTeamRowLabel {
    float: left;
    width: 100%;
}
.gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn .singleTeamRowLabel .singleHomeName {
    float: left;
    width: calc(100% - 20px);
    color: #ddd;
    font-size: 13px;
    line-height: 20px;
}
.gameTableContent .singleGameContent .singleTeamNames:hover .singleDetailsColumn .singleTeamRowLabel .singleHomeName {
    color: #fff;
}
.gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn .singleTeamRowLabel .gameSingleHomeScore {
    float: left;
    text-align: center;
    width: 20px;
    font-size: 13px;
    color: #ffe600;
}
.gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn .singleTeamRowLabel .singleAwayName {
    float: left;
    width: calc(100% - 20px);
    color: #ddd;
    font-size: 13px;
    line-height: 20px;
}
.gameTableContent .singleGameContent .singleTeamNames:hover .singleDetailsColumn .singleTeamRowLabel .singleAwayName {
    color: #fff;
}
.gameTableContent .singleGameContent .singleTeamNames .singleDetailsColumn .singleTeamRowLabel .gameSingleAwayScore {
    float: left;
    text-align: center;
    width: 20px;
    font-size: 13px;
    color: #ffe600;
}
.gameTableContent .singleGameContent .singleHomeOdd {
    float: left;
    width: 150px;
    height: 61px;
    text-align: center;
    line-height: 60px;
    font-size: 13px;
    cursor: pointer;
    color: #ffe600;
    background-color: #5e5e5e;
    border-bottom: 1px solid #757575;
    border-right: 1px solid #757575;
}
.gameTableContent .singleGameContent .singleAwayOdd.betSlipAdded,
.gameTableContent .singleGameContent .singleDrawOdd.betSlipAdded,
.gameTableContent .singleGameContent .singleHomeOdd.betSlipAdded {
    background-color: #cecece;
    color: #126e51;
}
.gameTableContent .singleGameContent .singleAwayOdd.betSlipAdded span,
.gameTableContent .singleGameContent .singleDrawOdd.betSlipAdded span,
.gameTableContent .singleGameContent .singleHomeOdd.betSlipAdded span {
    color: #585858 !important;
}
.gameTableContent .singleGameContent .singleDrawOdd {
    float: left;
    width: 150px;
    height: 61px;
    font-size: 13px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    color: #ffe600;
    background-color: #5e5e5e;
    border-bottom: 1px solid #757575;
    border-right: 1px solid #757575;
}
/*.gameTableContent .singleGameContent .singleDrawOdd.betSlipAdded,*/
/*.gameTableContent .singleGameContent .singleDrawOdd:hover {*/
/*    background-color: #cecece;*/
/*    color: #126e51;*/
/*}*/
.gameTableContent .singleGameContent .singleAwayOdd {
    float: left;
    width: 150px;
    height: 61px;
    text-align: center;
    background-color: #5e5e5e;
    font-size: 13px;
    line-height: 60px;
    cursor: pointer;
    color: #ffe600;
    border-bottom: 1px solid #757575;
    border-right: 1px solid #757575;
}
/*.gameTableContent .singleGameContent .singleAwayOdd.betSlipAdded,*/
/*.gameTableContent .singleGameContent .singleAwayOdd:hover {*/
/*    background-color: #cecece;*/
/*    color: #126e51;*/
/*}*/

.singleMatchWrapper {
    float: left;
    width: 100%;
}
.singleMatchWrapper .singleMatchField {
    float: left;
    width: 100%;
    height: 150px;
    background-image: url('../img/2.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.singleMatchWrapper .singleMatchField .singleMatchHolder {
    float: left;
    max-width: 450px;
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #333;
}

.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldHeader {
    float: left;
    width: 100%;
    height: 20px;
    background-color: #333;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldHeader .singleMatchRealTime {
    float: left;
    width: 60px;
    line-height: 20px;
    font-size: 11px;
    color: #a7a7a7;
    padding-left: 10px;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldHeader .singleMatchFieldIcon {
    float: right;
    max-width: calc(100% - 60px);
    width: auto;
    height: 20px;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldHeader .singleMatchFieldIcon .icon {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    background-image: url('../img/icon.svg');
    background-repeat: no-repeat;
    background-size: 17px;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldHeader .singleMatchFieldIcon .iconCorner {
    background-position: center 4px;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldHeader .singleMatchFieldIcon .yellowCard {
    background-position: center -26px;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldHeader .singleMatchFieldIcon .redCard {
    background-position: center -56px;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldHeader .singleMatchFieldIcon .goalCard {
    background-position: center -235px;
    margin-right: 10px;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldRow {
    float: left;
    width: 100%;
    height: 31px;
    border-top: 1px solid #545454;
    background-color: #404040;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldRow .fieldHomeName {
    float: left;
    width: 200px;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldRow .fieldHomeName span {
    float: left;
    width: 100%;
    color: #c7c7c7;
    line-height: 30px;
    font-size: 14px;
    padding-left: 15px;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldRow .matchFieldTable {
    float: right;
    max-width: calc(100% - 200px);
    width: auto;
    height: 30px;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldRow .matchFieldTable span {
    float: left;
    width: 20px;
    margin: 0 5px;
    text-align: center;
    line-height: 30px;
    color: #999;
    font-size: 13px;
}
.singleMatchWrapper .singleMatchField .singleMatchHolder .singleMatchFieldRow .matchFieldTable span:last-child {
    margin-right: 10px;
    color: #ffe600;
}

.singleFieldView {
    float: left;
    width: 100%;
    height: 275px !important;
    position: relative;
}

.singleFieldView .singleFieldButtons {
    float: left;
    width: 100%;
    height: 25px;
    background-color: #585858;
    border-bottom: 1px solid #303030;
}
.singleFieldView .singleFieldButtons .singleFieldButton {
    float: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    padding: 0 15px;
    text-align: center;
    color: #e4e4e4;
}
.singleFieldView .singleFieldButtons .singleFieldButton:first-child {
    border-right: 0px solid #303030;
}
.singleFieldView.scoreboardActive .singleFieldButtons .soreboardBtn {
    color: #ffe600;
}
.singleFieldView.liveInfoActive .singleFieldButtons .liveInfoBtn {
    color: #ffe600;
}

.singleMatchLiveField {
    float: left;
    width: 100%;
    height: auto;
    display: none;
    overflow: hidden;
}
.singleMatchLiveField iframe:not(#gameIframe) {
    float: left;
    width: auto;
    height: 417px;
    overflow: hidden;
    border: 0;
    -webkit-transform: scale(0.9) translate(-22px, -10px);
    -ms-transform: scale(0.9) translate(-22px, -10px);
    transform: scale(0.9) translate(-22px, -10px);
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: scale(2) translate(-8.3%, -5%);
    -ms-transform: scale(2) translate(-8.3%, -5%);
    transform: scale(2) translate(-8.3%, -5%);
    overflow: hidden;
}
.singleMatchLiveField iframe#basketballIframe {
    transform: none;
    width: 100%;
    height: 100%;
    position: relative;
    left: auto;
    top: auto;
    margin-top: 15px;
}
.singleMatchLiveField iframe#tennisIframe {
    transform: none;
    width: 100%;
    height: 180px;
    position: relative;
    left: auto;
    top: auto;
    margin-top: 3px;
}

.singleFieldView .singleMatchField,
.singleFieldView .singleMatchLiveField {
    display: none;
}
.singleFieldView.scoreboardActive .singleMatchField {
    display: block;
}

.singleFieldView.liveInfoActive .singleMatchLiveField {
    display: block;
    overflow: hidden;
}
.singleFieldView.liveInfoActive .singleMatchLiveField img {
    float: left;
    width: auto;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: calc(50% + 25px);
    transform: translate(-50%, -50%);
}

.liveMatchButtons {
    position: absolute;
    right: 0;
    background-color: rgb(56 56 56 / 78%);
    z-index: 2;
}

.liveMatchButtons .liveMatchBtn {
    display: inline-block;
    padding: 5px 10px 5px 0;
    color: rgba(255,255,255,.5);
}

.liveMatchButtons .liveMatchBtn:first-child {
    display: inline-block;
    padding: 5px 10px   ;
    color: rgba(255,255,255,.5);
}

.liveMatchButtons .liveMatchBtn.active {
    color: #ffe600;
}

.live-stream iframe {
    width: 100% !important;
    height: 235px im !important;
    border: 0;
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    position: inherit !important;
    top: 0 !important;
    left: 0 !important;
    padding-bottom: 95px;
}

.singleMatchCatButtons {
    float: left;
    width: 100%;
    background: #474747;
}
.singleMatchCatButtons .singleMatchCatBtn {
    float: left;
    margin: 0 10px;
    height: 30px;
    line-height: 30px;
    position: relative;
    font-size: 13px;
    color: #ccc;
}
.singleMatchCatButtons .singleMatchCatBtn:hover {
    color: #fff;
}
.singleMatchCatButtons .singleMatchCatBtn:before {
    content: '';
    float: left;
    width: 100%;
    height: 2px;
    background-color: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
}

.singleMatchCatButtons .singleMatchCatBtn.active {
    color: #fff;
}

.singleMatchCatButtons .singleMatchCatBtn::before {
    content: "";
    float: left;
    width: 100%;
    height: 2px;
    background: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.singleMatchCatButtons .singleMatchCatBtn.active:before {
    background-color: #fff;
}
.singleMatchBetModule {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    padding-top: 0;
    display: none;
}
.livePage .singleMatchBetModule {
    padding-top: 236px;
}
.singleMatchBetModule.active {
    display: inherit;
}

.singleMatchBetModule.searchingItems .singleMatchBetModuleGroup {
    display: none;
}
.singleMatchBetModule.searchingItems .singleMatchBetModuleGroup.foundItem {
    display: inherit;
}

.singleMatchTitle {
    float: left;
    z-index: 2;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #545454;
    background-color: #404040;
}
.singleMatchTitle span {
    float: left;
    width: auto;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    padding-left: 10px;
    font-weight: 600;
    color: #ddd;
}
.singleMatchTitle span:last-child {
    float: right;
    width: auto;
    padding-right: 10px;
    font-size: 11px;
    line-height: 40px;
    color: #c7c7c7;
    font-weight: 400;
}
.singleMatchTitle .singleCategoryTitle {
    float: left;
    width: 100%;
}
.singleMatchTitle .singleCategoryTitle a {
    float: left;
    font-size: 13px;
    color: #c7c7c7;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    padding-left: 25px;
    position: relative;
    position: relative;
}
.singleMatchTitle .singleCategoryTitle a::before {
    content: none;
    float: left;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../img/singleArrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.singleMatchBetModule .singleMatchBetModuleGroup {
    float: left;
    width: 100%;
}
.singleMatchBetModule .singleMatchBetModuleGroup.removeItem {
    display: none;
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupHeader {
    float: left;
    width: 100%;
    height: 30px;
    background-color: #14805e;
    background-color: var(--TitleBackColor);
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupHeader span {
    float: left;
    width: 100%;
    padding-left: 10px;
    line-height: 30px;
    font-weight: normal;
    height: 30px;
    font-size: 14px;
    color: #e4e4e4;
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent {
    float: left;
    width: 100%;
    height: auto;
    background-color: #666;

}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleMatchBetModuleGroupContentHeader {
    float: left;
    width: 100%;
    height: 20px;
    background: #a7a7a7;
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleMatchBetModuleGroupContentHeader .singleColumnModule {
    float: left;
    width: 33.33%;
    height: 20px;
}
.singleMatchBetModule .singleMatchBetModuleGroup.oneColumn .singleMatchBetModuleGroupContent .singleMatchBetModuleGroupContentHeader .singleColumnModule {
    width: 100%;
}
.singleMatchBetModule .singleMatchBetModuleGroup.twoColumn .singleMatchBetModuleGroupContent .singleMatchBetModuleGroupContentHeader .singleColumnModule {
    width: 50%;
}

.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleMatchBetModuleGroupContentHeader .singleColumnModule span {
    float: left;
    width: 100%;
    color: #444;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    padding: 0 10px;
    font-size: 11px;
}

/*.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent  {*/
/*    float: left;*/
/*    width: 100%;*/
/*    height: 35px;*/
/*}*/
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent  .singleColumnModule {
    float: left;
    width: 33.33%;
    height: 45px;
    background-color: #585858;
    cursor: pointer;
    text-align: center;
    border-right: 1px solid #757575;;
    border-bottom: 1px solid #757575;
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent.column-2 .singleColumnModule {
    width: 50%;
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent.column-4 .singleColumnModule {
    width: 25%;
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent  .singleColumnModule:hover {
    background-color: #777;
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent  .singleColumnModule.betSlipAdded {
    background-color: #e4e4e4;
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent  .singleColumnModule.betSlipAdded span:first-child {
    color: #545454;
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent  .singleColumnModule.betSlipAdded span:last-child {
    color: #14805e;
    color: var(--SelectedKoefColor);
}
.singleMatchBetModule .singleMatchBetModuleGroup.oneColumn .singleMatchBetModuleGroupContent  .singleColumnModule {
    width: 100%;
}
.singleMatchBetModule .singleMatchBetModuleGroup.twoColumn .singleMatchBetModuleGroupContent  .singleColumnModule {
    width: 50%;
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent  .singleColumnModule:last-child {
    border-right: 0;
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent  .singleColumnModule span {
    display: inline-block;
    line-height: 45px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}
.singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent  .singleColumnModule span:last-child {
    color: #ffe600;
}


.myBetsAdministrationFilter.dontAllow {
    display: none !important;
}

.myBetsWrapper {
    float: left;
    width: 100%;
    height: auto;
}
.usersHeader,
.createUsersHeader,
.currentUserWrapper,
.changePasswordHeader,
.myBetsWrapper .myBetsHeader {
    position: relative;
    width: 100%;
    float: left;
    height: 45px;
    z-index: 1;
    background-color: var(--TitleBackColor);
    border-bottom: 1px solid var(--TitleBackBorderColor);
    border-top: 1px solid var(--TitleBackBorderColor);
    z-index: 1;
}

.usersHeader .backBtn,
.createUsersHeader .backBtn,
.currentUserWrapper .backBtn,
.changePasswordHeader .backBtn,
.myBetsWrapper .myBetsHeader .backBtn {
    float: left;
    width: 45px;
    height: 45px;
    border-right: 1px solid var(--TitleBackBorderColor);
}
.usersHeader .backBtn svg,
.createUsersHeader .backBtn svg,
.currentUserWrapper .backBtn svg,
.changePasswordHeader .backBtn svg,
.myBetsWrapper .myBetsHeader .backBtn svg {
    float: left;
    width: 100%;
    height: 100%;
    padding: 16px 18px;
}
.usersHeader span,
.createUsersHeader span,
.currentUserWrapper span,
.changePasswordHeader span,
.myBetsWrapper .myBetsHeader span {
    float: left;
    width: calc(100% - 45px);
    text-align: center;
    color: #fff;
    line-height: 45px;
    padding-right: 45px;
    padding-left: 10px;
    font-size: 11pt;
    font-weight: bold;
}
.currentUserWrapperFilter,
.accountBalanceFilter,
.myBetsWrapper .myBetsFilter,
.myBetsAdministrationFilter {
    float: left;
    width: 100%;
    height: 40px;
    border-bottom: 2px solid #367a65;
    border-color: var(--TitleBackBorderColor);
    text-align: center;
    vertical-align: top;
}
.myBetsAdministrationFilter {
    width: 50%;
}
.myBetsAdministrationFilter.makeFullWidth {
    width: 100%;
}
.currentUserWrapperFilter span,
.accountBalanceFilter span,
.myBetsWrapper .myBetsFilter span {
    display: inline-block;
    line-height: 40px;
    font-size: 13px;
    font-weight: 300;
    cursor: pointer;
    color: #fff;
    height: 40px;
}

.currentUserWrapperFilter input,
.accountBalanceFilter input,
.myBetsWrapper .myBetsFilter input,
.myBetsAdministrationFilter select {
    height: 40px;
    width: 184px;
    text-align: center;
    background: transparent;
    border: 0;
    outline: 0;
    color: #fff;
    border-bottom: 2px solid #fff;
}
.newMyBetsFilter {
    clear: both;
    text-align: center;
    padding: 10px 0;
    background: #404040;
}

.newMyBetsFilter input {
    height: 28px;
    width: 184px;
    text-align: center;
    border: 0;
    outline: 0;
    border-radius: 3px;
}

.newMyBetsFilter .btn-filter {
    border: none;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--TitleBackColor);
    color: #ffffff;
    border-radius: 3px;
    margin-top: -1px;
}

.userSelect, .currencyValue {
    height: 30px;
    width: 90px;
    text-align: center;
    background: transparent;
    border: 0;
    outline: 0;
    color: #000;
    border-bottom: 2px solid #ccc;
    margin-left: 10px;
}

.mybetsusersrow {
    float: left;
    width: 100%;
    height: 40px;
    background-color: var(--TitleBackBorderColor);
    border-bottom: 2px solid var(--TitleBackColor);
}
.mybetsusersrow span {
    max-width: 50%;
    padding: 0 10px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    font-size: 10pt;
}
.mybetsusersrow span:first-child {
    float: left;
}
.mybetsusersrow span:last-child {
    float: right;
}
.myBetsAdministrationFilter select option {
    color: #000;
}

.userSelect option {
    color: #000;
}

.myBetsWrapper .myBetsTable {
    float: left;
    width: 100%;
    height: auto;
}
.myBetsWrapper .myBetsTable .singleBetTable {
    float: left;
    width: 100%;
    height: auto;
    background-color: #404040;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    position: relative;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader {
    float: left;
    width: 100%;
    cursor: pointer;
    height: auto;
    background: #14805e;
    background: var(--TitleBackColor);
    height: 44px;
}

.myBetsWrapper .myBetsTable .singleBetTable .cancelBetBtn {
    float: left;
    width: 70px;
    position: absolute;
    right: 6px;
    text-align: center;
    line-height: 30px;
    top: 6px;
    border: 1px solid red;
    border-radius: 5px;
    color: #fff;
    font-size: 10pt;
    font-weight: 300;
    background: red;
}

.myBetsWrapper .myBetsTable .singleBetTable .repeatTicket {
    float: left;
    width: 75px;
    position: absolute;
    right: 6px;
    text-align: center;
    line-height: 30px;
    top: 6px;
    right: 80px;
    border: 1px solid gray;
    border-radius: 5px;
    color: #fff;
    font-size: 10pt;
    font-weight: 300;
}

.sortValueBtn {
    position: relative;
}

.sortValueBtn svg {
    width: 12px;
    margin: 9px 5px;
    fill: #fff;
}
.slotsWrapper {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    padding-top: 0;
}

.myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderLeft {
    float: left;
    width: auto;
    height: auto;
}

.slotsItem {
    float: left;
    width: 150px;
    height: 100px;
    /* border: 1px solid transparent; */
    border: none;
    max-width: 176px;
}
.slotsItem img {
    float: left;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.slotsItem span {
    float: left;
    width: 100%;
    height: auto;
    background-color: #404040;
    color: #fff;
    text-align: center;
    padding: 10px 5px;
    text-transform: uppercase;
    font-size: 10pt;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderLeft span {
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    font-weight: 400;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderLeft span:first-child {
    float: left;
    width: auto;
    height: 20px;
    margin: 10px 15px;
    color: #fff;
    margin-right: 30px;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderLeft span:nth-child(2) {
    float: left;
    width: auto;
    height: 20px;
    color: #fff;
    margin: 10px 0;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderLeft span:last-child {
    float: left;
    width: auto;
    margin: 10px 15px;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderRight {
    float: right;
    width: auto;
    height: auto;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderRight span {
    float: right;
    width: auto;
    margin: 10px 0px;
    margin-right: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
}

.myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderRight span:first-child {
    font-weight: 400;
    padding-left: 5px;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetHeader .singleBetHeaderRight span:last-child {
    margin: 10px 0;
}

.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent {
    float: left;
    width: 100%;
    height: auto;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem {
    float: left;
    width: 100%;
    height: auto;
    border-color: #757575;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: #666;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem:first-child {
    border-top: 0;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem .singleBetItemIcon {
    float: left;
    width: 24px;
    height: 32px;
    overflow: hidden;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem .singleBetItemIcon svg {
    float: left;
    width: 13px;
    height: 13px;
    margin: 10px 5px;
    display: none;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem.wonBetItem .singleBetItemIcon svg.wonIcon {
    display: inherit;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem.lostBetItem .singleBetItemIcon svg.lostIcon {
    display: inherit;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem.approvedBetItem .singleBetItemIcon svg.approvedIcon {
    display: inherit;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem.approvedBetItem .singleBetItemIcon svg.approvedIcon circle {
    fill: #404040;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem.approvedBetItem .singleBetItemIcon svg.approvedIcon path {
    display: none;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem.canceledBetItem .singleBetItemIcon svg.canceledIcon {
    display: inherit;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem .singleBetItemDetails {
    float: left;
    width: calc(100% - 74px);
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem .singleBetItemDetails span {
    color: #ddd;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem .singleBetItemDetails span:first-child {
    float: left;
    width: 100%;
    line-height: inherit;
    padding-top: 10px;
    font-size: 12px;
    line-height: 20px;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem .singleBetItemDetails span:first-child i {
    font-style: normal;
    width: 150px;
    float: left;
    line-height: 12px;
    margin-bottom: 10px;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem .singleBetItemDetails span:first-child i:last-child {
    width: 100%;
    padding-top: 1px;
    font-size: 12px;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem .singleBetItemDetails span:last-child {
    float: left;
    width: 100%;
    line-height: inherit;
    padding-bottom: 10px;
    padding-left: 0;
    font-size: 12px;
    line-height: 20px;
    padding-top: 0;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent .singleBetItem .singleBetItemOdd {
    float: left;
    width: 50px;
    color: #ddd;
    font-size: 14px;
    text-align: right;
    line-height: 32px;
    padding-right: 10px;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter {
    float: left;
    width: 100%;
    height: auto;
    background-color: #666;
}

.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter .singleBetAmount {
    float: left;
    width: 50%;
    height: auto;
    padding: 14px 0 4px 15px;
    text-align: left;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter .singleBetBonus {
    float: left;
    width: 33.333%;
    height: auto;
    padding: 14px 0 4px 0;
    text-align: left;
    padding-right: 10px;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter .singleBetBonus span {
    float: left;
    padding: 0;
    font-size: 13px;
    color: #ddd;
    width: 100%;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter .singleBetBonus span:last-child {
    float: left;
    width: 100%;
    padding-left: 0;
    color: #ddd;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter .singleBetAmount span {
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    line-height: 13px;
    color: #ddd;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter .singleBetAmount span:last-child {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    float: left;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter .singleBetAmount span:last-child i {
    font-size: 14px;
    line-height: 30px;
    font-style: normal;
}

.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter .singleBetToReturn {
    float: left;
    width: 33.333%;
    height: auto;
    padding: 14px 10px 4px 0;
    text-align: left;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter .singleBetToReturn span {
    float: left;
    width: 100%;
    padding-left: 0;
    font-size: 13px;
    color: #ddd;
    text-align: left;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter .singleBetToReturn span:last-child {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter .singleBetToReturn span:last-child i {
    font-size: 14px;
    line-height: 30px;
    font-style: normal;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetContent {
    display: none;
}
.myBetsWrapper .myBetsTable .singleBetTable .singleBetFooter {
    display: none;
}

.myBetsWrapper .myBetsTable .singleBetTable.showDetail .singleBetContent {
    display: inherit;
}
.myBetsWrapper .myBetsTable .singleBetTable.showDetail .singleBetFooter {
    display: inherit;
}

.myBetsWrapper .myBetsTable .singleBetTable.showDetail .singleBetFooter div:last-child {
    float: right;
}
.myBetsWrapper .myBetsTable .singleBetTable.showDetail .singleBetFooter div:last-child span {
    text-align: right;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    margin-top: 9px;
}
.daterangepicker .drp-selected {
    line-height: 26px;
    color: #fff;
}
.daterangepicker .drp-calendar.right {
    border-left: 1px solid #ddd;
    display: none;
}
.daterangepicker .ranges li.active {
    background-color: var(--TitleBackColor);
}
.daterangepicker .ranges {
    display: none;
}
.daterangepicker .drp-buttons .btn {
    background-color: var(--TitleBackColor);
    border: 1px solid #fff;
    border-radius: 3px;
    outline: none;
    color: #fff;
    cursor: pointer;
    padding: 5px 15px;
}
.daterangepicker .drp-buttons {
    border-top-color: var(--TitleBackColor);
}
.daterangepicker td.active, .daterangepicker td.active:hover{
    background-color: var(--TitleBackColor);
}
.daterangepicker td.in-range {
    background-color: var(--JPLightColor);
}
.daterangepicker td.end-date {
    background-color: var(--TitleBackColor);
}

.myBetsWrapper .myBetsFooter {
    float: left;
    width: 100%;
    /* height: 50px; */
    background-color: #404040;
    background-color: var(--X12Back);
    color: var(--X12Color);
    /* border-top: 2px solid #367a65;
    border-bottom: 2px solid #367a65; */
    border-color: var(--TitleBackBorderColor);
}

.myBetsWrapper .myBetsFooter span {
    float: left;
    width: auto;
    color: #ddd;
    color: var(--X12Color);
    font-size: 17px;
    font-weight: 400;
    line-height: 46px;
    height: 46px;
}
.myBetsWrapper .myBetsFooter span:first-child {
    padding-left: 15px;
}
.myBetsWrapper .myBetsFooter span:last-child {
    text-align: right;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 46px;
    float: right;
}
.myBetsWrapper .myBetsFooter span:nth-child(2) {
    text-align: right;
    padding-right: 10px;
    font-size: 17px;
    font-weight: 400;
    line-height: 46px;
    float: right;
}

.createUsersWrapper,
.changePasswordWrapper {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    vertical-align: top;
}
.createUsersHolder,
.changePasswordHolder {
    display: inline-block;
    width: 380px;
    max-width: calc(100% - 20px);
    height: auto;
}

.changePercentageModal {
    float: left;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    background-color: rgba(0,0,0,.9);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}
.changePercentageModal.clicked {
    opacity: 1;
    visibility: visible;
}
.closeModalBtn {
    float: left;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    cursor: pointer;
    right: 20px;
}
.closeModalBtn svg {
    fill: #fff;
    floaT: left;
    width: 100%;
    height: 100%;
}

.closeModalChangePercentageBtn {
    float: left;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    cursor: pointer;
    right: 20px;
}
.closeModalChangePercentageBtn svg {
    fill: #fff;
    floaT: left;
    width: 100%;
    height: 100%;
}
.changePercentageModal .addFundHolder {
    float: left;
    max-width: 240px;
    height: auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.changePercentageModal .addFundHolder span {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 700;
}
.changePercentageModal .addFundHolder input {
    float: left;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border: 0;
    font-size: 18px;
    text-align: center;
    background: transparent;
    border-bottom: 2px solid #fff;
    outline: none;
    color: #fff;
    margin-bottom: 30px;
}
.changePercentageModal .addFundHolder .changePercentageBtn {
    display: inline-block;
    margin-top: 30px;
    width: 160px;
    height: 40px;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #14805e;
}
.withdrawFundModal,
.addFundModal {
    float: left;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    background-color: rgba(0,0,0,.9);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}
.withdrawFundModal.clicked,
.addFundModal.clicked {
    opacity: 1;
    visibility: visible;
}
.closeModalBtn {
    float: left;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 64px;
    cursor: pointer;
    right: 20px;
}
.closeModalBtn svg {
    fill: #fff;
    floaT: left;
    width: 100%;
    height: 100%;
}

.closeModalChangePercentageBtn {
    float: left;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    cursor: pointer;
    right: 20px;
}
.closeModalChangePercentageBtn svg {
    fill: #fff;
    floaT: left;
    width: 100%;
    height: 100%;
}

.withdrawFundModal .withdrawFundHolder,
.addFundModal .addFundHolder {
    float: left;
    max-width: 240px;
    height: auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.withdrawFundModal .withdrawFundHolder span,
.addFundModal .addFundHolder span {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
}
.withdrawFundModal .withdrawFundHolder input,
.addFundModal .addFundHolder input {
    float: left;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border: 0;
    font-size: 18px;
    text-align: center;
    background: transparent;
    border-bottom: 2px solid #fff;
    outline: none;
    color: #fff;
}
.withdrawFundModal .withdrawFundHolder .withdrawFundsBtn,
.addFundModal .addFundHolder .addFundsBtn {
    display: inline-block;
    margin-top: 30px;
    width: 160px;
    height: 40px;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #14805e;
}

.createUsersHolder .withdrawFundsModalBtn,
.createUsersHolder .addFundsModalBtn {
    float: left;
    width: 40px;
    height: 40px;
    background-color: var(--TitleBackColor);
    color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
}
.createUsersHolder input.fundsInput {
    float: left;
    width: calc(100% - 100px);
}
.createUsersHolder select,
.createUsersHolder input,
.changePasswordHolder input {
    float: left;
    width: 100%;
    height: 40px;
    border: 0;
    border-bottom: 2px solid #fff;
    border-right: 0;
    background-color: transparent;
    color: #ddd;
    margin-bottom: 5px;
    outline: none;
    padding: 0 15px;
    font-size: 14px;
}
.createUsersHolder select option {
    color: #000;
}
.createUsersHolder .updateCreateUserBtn,
.changePasswordHolder .changePassowrdBtn {
    float: left;
    width: 100%;
    height: 40px;
    background-color: var(--TitleBackColor);
    color: #fff;
    border-radius: 3px;
    line-height: 40px;
    margin-top: 15px;
}
.createUsersHolder .errorMsg,
.changePasswordHolder .errorMsg {
    float: left;
    width: 100%;
    height: auto;
    color: red;
    text-align: left;
    font-size: 12px;
    margin-bottom: 10px;
}
.createUsersHolder p,
.changePasswordHolder p {
    float: left;
    width: 100%;
    margin: 15px 0;
    color: #fff;
    font-size: 14px;
}



.footer {
    float: left;
    width: 100%;
}

.accountBalanceWrapper {
    float: left;
    width: 100%;
    height: auto;
}
.accountBalanceWrapper .accountBalanceHeader {
    float: left;
    width: 100%;
    height: 40px;
    background-color: transparent;
    border-bottom: 2px solid #14805e;
}
.accountBalanceWrapper .accountBalanceHeader span {
    padding-left: 15px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    float: left;
    width: 100%;
}
.accountBalanceWrapper .accountBalanceContent {
    float: left;
    width: 100%;
    height: auto;
}
.accountBalanceWrapper .accountBalanceContent .accountBalanceContentHeader {
    float: left;
    width: 100%;
    height: 40px;
    background-color: var(--TitleBackColor);
}
.accountBalanceWrapper .accountBalanceContent .accountBalanceContentHeader span {
    float: left;
    line-height: 40px;
    padding: 0 10px;
    width: 20%;
    color: #fff;
    font-size: 13px;
    text-align: center;
}
.accountBalanceWrapper .accountBalanceContent .accountBalanceContentHeader span:first-child {
    text-align: left;
}
.accountBalanceWrapper .accountBalanceContent .accountBalanceRows {
    float: left;
    width: 100%;
}
.accountBalanceWrapper .accountBalanceContent .accountBalanceRows .accountBalanceRow {
    float: left;
    width: 100%;
    height: 30px;
    border-color: #757575;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: #666;
}
.accountBalanceWrapper .accountBalanceContent .accountBalanceRows .accountBalanceRow span {
    float: left;
    line-height: 30px;
    padding: 0 10px;
    width: 20%;
    color: #fff;
    font-size: 10px;
    text-align: center;
}
.accountBalanceWrapper .accountBalanceContent .accountBalanceRows .accountBalanceRow span:first-child {
    text-align: left;
}

.accountBalanceWrapper .accountBalanceContent .accountBalanceContentFooter {
    float: left;
    width: 100%;
    height: 40px;
    background-color: #14805e;
}

.accountBalanceWrapper .accountBalanceContent .accountBalanceContentFooter span {
    float: left;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    width: 25%;
    color: #fff;
    font-size: 13px;
    text-align: center;
    border-top: 2px solid #14805e;
    border-bottom: 2px solid #14805e;
}
.accountBalanceWrapper .accountBalanceContent .accountBalanceContentFooter span:first-child {
    text-align: left;
}

.currentUserContent {
    float: left;
    width: calc(100% - 20px);
    margin: 0 10px;
    height: auto;
}

.currentUserContent .currentUserRowDetail {
    float: left;
    width: 100%;
    height: 40px;
    border-color: #f16a6a;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: #474747;
}

.currentUserContent .currentUserRowDetail span {
    float: left;
    width: 33.333%;
    height: 40px;
    line-height: 30px;
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
}

.currentUserContent #tblCurrentBalance .currentUserRowDetail span:last-child {
    color: #4fff28;
}

.currentUserContent #tblCurrentBalance .currentUserRowDetail span:last-child.red  {
    color: red;
}
.currentUserContent .currentUserRowDetail span:nth-child(2) {
    text-align: center;
}
.currentUserContent .currentUserRowDetail span:last-child {
    text-align: right;
}
.currentUserContent .currentUserRowDetail span i {
    font-style: normal;
    color: #1fbc8a;
}

.currentUserContent .currentUserRows {
    float: left;
    width: 100%;
    height: auto;
    /* border-top: 2px solid var(--TitleBackBorderColor); */
    /* border-bottom: 2px solid var(--TitleBackBorderColor); */
}
.currentUserContent .currentUserRows .currentUserRow {
    float: left;
    width: 100%;
    background-color: #474747;
    border-top: 1px solid var(--TitleBackBorderColor);
}
.currentUserContent .currentUserRows.m-t-6 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.currentUserContent .currentUserRows .currentUserRow:first-child {
    border-top: 0;
}
.currentUserContent .currentUserRows .currentUserRow span {
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    padding: 0 10px;
    font-size: 13px;
}
.currentUserContent .currentUserRows .currentUserRow span:last-child {
    text-align: right;
}

.currentUserContent .currentUserRows .currentUserRow span#totalCurrentBalance {
    color: red;
}
.currentUserContent .currentUserRows .currentUserRow span#totalCurrentBalance.green {
    color: #4fff28;
}

.userContent {
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 2px solid #14805e;
}
.userContent .myBalanceTable {
    float: left;
    width: 100%;
    height: auto;
}
.userContent .myBalanceTable .myBalanceTableHeader {
    float: left;
    width: 100%;
    height: 40px;
    border-bottom: 2px solid #14805e;
}
.userContent .myBalanceTable .myBalanceTableHeader span {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 0 5px;
}
.userContent .myBalanceTable .myBalanceTableHeader span:first-child {
    text-align: left;
}

.usersContent .myBalanceTable .myBalanceTableHeader2 {
    float: left;
    width: 100%;
    height: 40px;
    border-bottom: 2px solid #14805e;
}
.usersContent .myBalanceTable .myBalanceTableHeader2 span {
    float: left;
    width: 20%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    padding: 0 5px;
}
.usersContent .myBalanceTable .myBalanceTableHeader2 span:first-child {
    text-align: left;
    width: calc(40% - 40px);
}
.usersContent .myBalanceTable .myBalanceTableHeader2 span:last-child {
    width: 40px;
    padding: 0;
}
.userContent .myBalanceTable .myBalanceTableRow {
    float: left;
    width: 100%;
    height: 40px;
    border-color: #757575;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: #666;
}
.userContent .myBalanceTable .myBalanceTableRow span {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    font-size: 11px;
    color: #fff;
    text-align: center;
}

.userHierarchyWrapper {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    padding: 0 10px;
}

.myBetsWrapper .userHierarchyWrapper {
    padding: 0 2px;
}

.myBetsWrapper .myBalanceTableRow2.Agent .expandRowList {
    display: none;
}
.myBetsWrapper .myBalanceTableRow2.Agent .userRowLink {
    margin-left: 40px;
}

.myBalanceTableRow2.User .expandRowList {
    opacity: 0 !important;
    visibility: hidden;
}



.usersContent .myBalanceTable .myBalanceTableRow2.expandNow > .expandRowList svg {
    transform:  translate(-50%, -50%) rotate(90deg);
}


.usersContent .myBalanceTable .myBalanceTableRow2.User {
    background-color: #915800;
}
.usersContent .myBalanceTable .myBalanceTableRow2.Agent {
    background-color: #004a28;
}
.usersContent .myBalanceTable .myBalanceTableRow2.Manager {
    background-color: #003d60;
}
.usersContent .myBalanceTable .myBalanceTableRow2.Supermanager {
    background-color: #2f2f2f;
}
.userHierarchyWrapper .myBalanceTableRow2:last-child {
    border-bottom: 0 !important;
}
.userContent .myBalanceTable .myBalanceTableRow span:first-child {
    text-align: left;
}
.usersContent .myBalanceTable .myBalanceTableRow2.visible {
    display: inherit;
}
.usersContent .myBalanceTable .myBalanceTableRow2 {
    float: left;
    width: 100%;
    height: 40px;
    border-color: #757575;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: #666;
    display: none;
}
.usersContent .myBalanceTable .myBalanceTableRow2{
    float: left;
    width: 100%;
    height: auto;
}
.usersContent .myBalanceTable .myBalanceTableRow2 span {
    float: left;
    width: 20%;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
}
.usersContent .myBalanceTable .myBalanceTableRow2 span:first-child {
    text-align: left;
}
.usersContent .myBalanceTable .myBalanceTableRow2 span:nth-child(2) {
    text-align: right;
    width: 40px;
}

.usersContent .myBalanceTable .myBalanceTableRow2 a.userRowLink {
    float: left;
    width: calc(100% - 80px);
}

.usersContent .myBalanceTable .myBalanceTableRow2 a.expandRowList {
    float: left;
    width: 40px;
    height: 40px;
    position: relative;
}
.usersContent .myBalanceTable .myBalanceTableRow2 a.expandRowList svg {
    float: left;
    width: 100%;
    padding: 14px 16px;
    top: 50%;
    left: 50%;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%) rotate(-90deg);
}
.usersContent .myBalanceTable .myBalanceTableRow2 a.userRowLink span {
    width: 25%;
}
.usersContent .myBalanceTable .myBalanceTableRow2 a.userRowLink span:nth-child(2) {
    width: 25%;
}
.usersContent .myBalanceTable .myBalanceTableRow2 span.btnListRow {
    width: 40px;
}

.tableLabel {
    float: left;
    width: 100%;
    height: 40px;
    text-align: center;
    vertical-align: top;
    background-color: var(--TitleBackColor);
}
.tableLabel span {
    float: left;
    width: 100%;
    line-height: 40px;
    color: #fff;
    text-align: left;
    font-size: 10px;
    padding: 0 10px;
    font-weight: 700;
    text-transform: uppercase;
}


.usersContent {
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 2px solid var(--TitleBackColor);
}
.usersContent .myBalanceTable {
    float: left;
    width: 100%;
    height: auto;
}
.usersContent .myBalanceTable .myBalanceTableHeader {
    float: left;
    width: 100%;
    height: 40px;
    border-bottom: 2px solid #14805e;
}
.usersContent .myBalanceTable .myBalanceTableHeader span {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: right;
    font-size: 13px;
    padding: 0 10px;
}
.usersContent .myBalanceTable .myBalanceTableHeader span:first-child {
    text-align: left;
}
.usersContent .myBalanceTable .myBalanceTableRow {
    float: left;
    width: 100%;
    height: 40px;
    border-color: #757575;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: #666;
}
.usersContent .myBalanceTable .myBalanceTableRow span {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 13px;
    color: #fff;
    text-align: right;
}
.usersContent .myBalanceTable .myBalanceTableRow span:first-child {
    text-align: left;
}

.betTypeWrapper {
    float: left;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #888;
    position: relative;
    display: none !important;
}
.betTypeWrapper .multipleBtn {
    float: left;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s linear all;
    -o-transition: .3s linear all;
    transition: .3s linear all;
    position: relative;
}
.betTypeWrapper.systemAvailable .multipleBtn {
    width: 50%;
    border-right: 1px solid #888;
}
.betTypeWrapper .multipleBtn .singleBtn {
    floaT: left;
    width: calc(100% - 20px);
    height: calc(100% - 10px);
    margin: 5px 10px;
    text-align: center;
    line-height: 30px;
}
.betTypeWrapper .line-active {
    float: left;
    width: 80px;
    height: 2px;
    background-color: #14805e;
    position: absolute;
    bottom: 0;
    z-index: 1;
    -webkit-transition: .3s linear all;
    -o-transition: .3s linear all;
    transition: .3s linear all;
}
.arrowDownIcon {
    float: left;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 15px;
    padding: 10px;
    fill: #fff;
    -webkit-transition: .3s linear all;
    -o-transition: .3s linear all;
    transition: .3s linear all;
}

#todayAccordionContent {
    height: 0;
    -webkit-transition: .3s linear all;
    -o-transition: .3s linear all;
    transition: .3s linear all;
    overflow: hidden;
}
#todayAccordion {
    cursor: pointer;
}

.rotate .arrowDownIcon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.betTypeWrapper.multipleActive .line-active {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.betTypeWrapper.systemAvailable.multipleActive .line-active {
    left: 25%;
}
.featuredPrematchWrappers .featuredPrematchItem .featuredMatchBtn .bettingBtn {
    height: 70px;
    line-height: 70px;
}

.featuredPrematchWrappers .featuredPrematchItem .numberofmarkets,
.featuredPrematchWrapper .featuredPrematchItem .numberofmarkets {
    float: left;
    width: auto;
    position: absolute;
    right: 10px;
    bottom: 50px;
    color: #ddd;
    font-size: 8pt;
}
.featuredPrematchWrappers .featuredPrematchItem:last-child,
.featuredPrematchWrapper .featuredPrematchItem:last-child {
    margin-right: 0;
}
.betTypeWrapper.systemActive .line-active {
    left: 75%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.betTypeWrapper .systemBtn {
    float: left;
    width: 0;
    -webkit-transition: .3s linear all;
    -o-transition: .3s linear all;
    transition: .3s linear all;
    height: 100%;
    position: relative;
}
.betTypeWrapper.systemAvailable .systemBtn {
    width: 50%;
}
.betTypeWrapper .systemBtn select {
    float: left;
    width: calc(100% - 20px);
    margin: 0 10px;
    background-color: transparent;
    height: 100%;
    outline: 0;
    border: 0;
}
.betTypeWrapper .systemBtn select option {}

.featuredPrematchWrappers,
.featuredPrematchWrapper {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    overflow-x: auto;
}
.featuredPrematchWrappers .featuredPrematchItem,
.featuredPrematchWrapper .featuredPrematchItem {
    float: left;
    width: 202px;
    height: auto;
    background: #666;
    border-right: 1px solid var(--TitleBackColor);
    position: relative;
}
.featuredPrematchWrapper .featuredPrematchSlider .featuredPrematchItem {
    border-left: 1px solid #6c0101;
}
.featuredPrematchWrappers .featuredPrematchSlider .featuredPrematchItem, .featuredPrematchWrapper .featuredPrematchSlider .featuredPrematchItem {
    border-right: 0;
}
.featuredPrematchWrappers .featuredPrematchItem {
    width: 100%;
    border-bottom: 1px solid #757575;
    overflow: hidden;
}

.arrowDownIcon {
    float: left;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    padding: 14px;
    fill: #fff;
    -webkit-transition: .3s linear all;
    -o-transition: .3s linear all;
    transition: .3s linear all;
}

.rotate .arrowDownIcon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#todayAccordionContent {
    height: 0;
    -webkit-transition: .3s linear all;
    -o-transition: .3s linear all;
    transition: .3s linear all;
    overflow: hidden;
}
#todayAccordion {
    cursor: pointer;
}

.featuredPrematchWrappers .featuredPrematchSlider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.featuredPrematchWrappers .featuredPrematchItem .helperLeftContentMatch {
    float: left;
    width: 50%;
    position: relative;
}
.featuredPrematchWrappers .featuredPrematchItem .featuredMatchBtn {
    width: 50%;
}
.featuredPrematchWrappers .featuredPrematchItem .featuredMatchBtn .bettingBtn {
    height: 70px;
    line-height: 70px;
}

.footer {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0;
    background-color: #474747;
    /* border-top: 1px solid #757575; */
}

.footer .footerWrapper {
    display: inline-block;
    max-width: 700px;
    padding: 20px 0;
}

.footer .footerWrapper p {
    float: left;
    width: auto;
    margin-right: 20px;
    color: #9c9c9c;
    padding: 0 12px;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 15px;
}
.footer .footerWrapper p {
    text-align: center;
    width: 100%;
}

section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper {
    display: none;
}

input { -webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance: none; -webkit-user-select: text !important;
    -moz-user-select: text !important; border-radius: 0;}


.showDateMobile {
    display: none;
}

.mobileMatch {
    display: none;
}

.singleMatchScrolLMeName .backBtn {
    display: none;
}




.singleMatchScrolLMeName .backBtn {
    display: inherit;
    float: left;
    height: 50px;
    width: 40px;
    position: absolute;
    left: -40px;
    top: 0;
    border-right: none;
    z-index: 1;
}
.singleMatchScrolLMeName .backBtn svg {
    float: left;
    width: 100%;
    padding: 18px 15px;
    height: 100%;
    fill: #fff;
}

.featuredPrematchWrapper {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    overflow-x: auto;
}
.featuredPrematchWrapper .featuredPrematchItem {
    float: left;
    width: 202px;
    height: auto;
    background: #666;
    position: relative;
}

.featuredPrematchWrapper .featuredPrematchItem .numberofmarkets {
    float: left;
    width: auto;
    position: absolute;
    right: 10px;
    bottom: 50px;
    color: #ddd;
    font-size: 8pt;
}
.featuredPrematchWrapper .featuredPrematchItem:last-child {
    margin-right: 0;
}
.featuredPrematchSlider {
    float: left;
    width: 100%;
}
.featuredMatchName:hover span {
    color: #ffe600;
}
.featuredMatchName {
    float: left;
    width: 100%;
    padding-top: 10px;
}
.featuredMatchName > span {
    float: left;
    width: 100%;
    color: #ddd;
    font-size: 12px;
    padding: 0px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.featuredPrematchSlider .featuredMatchName > span {
    padding: 5px 10px;
    padding-right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
}

.featuredPrematchSlider .helperLeftContentMatch .featuredMatchName > span {
    padding: 0 10px;
}
.featurePreMatchDate  {
    float: left;
    width: 100%;
    color: #ddd;
    font-size: 7pt;
    padding: 10px;
}

.featuredMatchBtn {
    float: left;
    width: 100%;
    height: 40px;
    margin-top: 0px;

}
.featuredMatchBtn .bettingBtn {
    float: left;
    width: 33.33%;
    cursor: pointer;
    background-color: #5e5e5e;
    text-align: center;
    line-height: 40px;
    color: #ffe600;
    font-size: 11px;
    height: 40px;
    border-right: 1px solid #6e6e6e;
}
.featuredMatchBtn .bettingBtn i:first-child {
    font-style: normal;
    color: #fff;
    padding-right: 5px;
}
.featuredMatchBtn .bettingBtn i:last-child {
    font-style: normal;
    /* font-weight: 600; */
}
.featuredMatchBtn .bettingBtn:last-child {
    border-right: 0;
}
.featuredPrematchWrappers .featuredPrematchItem .featuredMatchBtn .bettingBtn.betSlipAdded,
.featuredMatchBtn .bettingBtn.betSlipAdded {
    color: #14805e;
    background-color: #fff !important;
}




.liveSingleMatch .singleCategoryTitle {
    display: none;
}
.liveSingleMatch .matchVersusName {
    display: none;
}
.liveSingleMatch .matchVersusName.mobileMatch {
    display: inherit;
    text-align: center;
    float: none;
    width: 100%;
    padding-left: 0;
    margin-top: 0;
    line-height: 60px;
    height: 100%;
    padding-top: 0;
    position: relative;
}
.liveSingleMatch.singleMatchTitle span.matchVersusName.mobileMatch span {
    display: inline-block;
    padding: 0 10px;
    float: none;
    width: calc(50% - 40px);
    vertical-align: baseline;
    font-size: 10pt;
    font-weight: 600;
    line-height: 14px;
}
.liveSingleMatch .matchVersusName.mobileMatch i {
    font-style: normal;
    font-weight: 600;
    display: inline-block;
    color: #ffdf1b;
    width: 85px;
    text-align: center;
    vertical-align: baseline;
    font-size: 10pt;
    font-weight: 600;
    line-height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.liveSingleMatch.singleMatchTitle span.matchVersusName.mobileMatch span:first-child {
    text-align: right;
    line-height: 14px;
    font-weight: 700;
    font-size: 13px;
    padding-right: 0;
    width: calc(50% - 50px);
    position: absolute;
    left: 0;
    padding: 0;
    color: #e4e4e4;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 5px;
}
.liveSingleMatch.singleMatchTitle span.matchVersusName.mobileMatch span:last-child {
    display: inline-block;
    line-height: 14px;
    font-size: 13px;
    padding-right: 0;
    font-weight: 700;
    width: calc(50% - 50px);
    color: #e4e4e4;
    text-align: left;
    position: absolute;
    padding: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 5px;
}
.liveSingleMatch.singleMatchTitle .singleMatchScrolLMeName {
    max-width: 100%;
    width: 100% !important;
}
.liveSingleMatch .matchVersusName.mobileMatch i b{
    position: relative;
    width: auto;
    padding: 0 5px;
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    line-height: 23px;
    padding-bottom: 2px;
}
.liveSingleMatch .matchVersusName.mobileMatch i b::after {
    content: '';
    position: absolute;
    top: 127%;
    height: 3px;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.liveSingleMatch .matchVersusName.mobileMatch i b:first-child::after {
    background-color: #fff;
}
.liveSingleMatch .matchVersusName.mobileMatch i b:last-child::after {
    background-color: rgba(255,0,0,1);
}

.liveSingleMatch .matchVersusName.multiple-results {
    display: flex;
    text-align: center;
    float: none;
    width: calc(100% + 30px);
    padding-left: 0;
    margin-top: 0;
    line-height: 60px;
    height: 100%;
    padding-top: 0;
    position: relative;
    flex-direction: row;
}

.liveSingleMatch .matchVersusName.multiple-results .players {
    flex-grow: 1;
    padding-left: 10px;
    padding-top: 4.5px;
}

.liveSingleMatch .matchVersusName.multiple-results .players > div {
    height: 20px;
    line-height: 20px;
    color: var(--BodyColor);
    text-align: left;
    font-size: 14px;
    font-weight: 600;
}

.liveSingleMatch .matchVersusName.multiple-results .results {
    display: flex;
    flex-direction: row;
    padding-top: 4.5px;
}


.liveSingleMatch .matchVersusName.multiple-results .results>div>div {
    height: 20px;
    line-height: 20px;
    color: var(--ColoriNext);
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    margin-left: 8px;
}

.liveSingleMatch .matchVersusName.multiple-results .results>div:first-child>div {
    color: var(--OddColor);
}

.singleMatchMultipleResult {
    float: left;
    width: 50px;
    position: relative;
    height: 60px;
    position: absolute;
    padding: 6px 0px;
    margin-right: 5px;
    right: 0;
    top: 0;
    font-size: 12px;
    color: var(--ColoriNext);
    display: flex;
    flex-direction: row;
    justify-content: end;
    text-align: right;
}

.singleMatchMultipleResult>div {
    margin-left: 5px;
    color: rgba(255,255,255,.6);
}

.singleMatchMultipleResult>div>div {
    line-height: 16px;
    width: 13px;
}

.singleMatchMultipleResult>div:first-child {
    color: var(--OddColor);
}

.betModule.liveInModule.sportsLanding {
    float: left;
    width: 100%;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    background-color: var(--BodyBackColor);
    border-bottom: 3px solid (--TitleBackBorderColor);
}

.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn svg {
    height: 35px;
    width: 30px;
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn.active span {
    color: #fff;
}

.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn:after {
    content: none;
}
.betModule.liveInModule .betModuleTabs .betModuleTabsBtn .betModuleSportBtn i {
    display: inline-block;
    margin-bottom: 4px;
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn i {
    height: 35px;
    width: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="2"] i {
    background-image: url('../img/basketball.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="31"] i {
    background-image: url('../img/badmiton.svg');
}

.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="37"] i {
    background-image: url('../img/squash.svg');
}

.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="34"] i {
    background-image: url('../img/beachvolley.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="34"] i {
    background-image: url('../img/beachvolley.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="22"] i {
    background-image: url('../img/darts.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="24"] i {
    background-image: url('../img/fieldHockey.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="16"] i {
    background-image: url('../img/football.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="1"] i {
    background-image: url('../img/soccer.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="5"] i {
    background-image: url('../img/tennis.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="12"] i {
    background-image: url('../img/rugby.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="6"] i {
    background-image: url('../img/handball.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="10"] i {
    background-image: url('../img/boxing.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="21"] i {
    background-image: url('../img/cricket.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="4"] i {
    background-image: url('../img/hockey.svg');
}

.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="23"] i {
    background-image: url('../img/volleyball.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="3"] i {
    background-image: url('../img/baseball.svg');
}

.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="20"] i {
    background-image: url('../img/table.svg');
}

.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="19"] i {
    background-image: url('../img/biliardo.svg');
    background-size: 35px;
}

.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="29"] i {
    background-image: url('../img/futsal.svg');
}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn[sportid="7"] i {}
.betModule.liveInModule.sportsLanding .betModuleTabs .betModuleTabsBtn .betModuleSportBtn.hd-Floorball {
    display: none !important;
}

.liveSingleMatch.singleMatchTitle .singleMatchScrolLMeName {
    width: calc(100% - 80px) !important;
    margin-left: 40px;
    margin-right: 40px;
}

.bettingBtn.disabledBtn {
    /* background-color: #666 !important; */
    cursor: default !important;
    color: transparent !important;
}
.bettingBtn.disabledBtn span:nth-child(2) {
    display: none !important;
}

.bettingBtn[match-odd="1.00"] {
    pointer-events: none;
    cursor: default !important;
    color: transparent !important;
}


.singleHeaderHolderLabel {
    float: left;
    width: 100%;
    background-color: #949494;
    height: 20px;
}

.singleHeaderHolderLabel .singleHeaderLabel {
    float: left;
    font-weight: 400 !important;
    width: 33.3333%;
    font-size: 10pt;
    color: rgba(0,0,0,.5);
    line-height: 20px;
    height: 20px;
    text-align: center;
}
.singleHeaderHolderLabel.fourColumn .singleHeaderLabel {
    width: 15%;
}
.singleHeaderHolderLabel.fourColumn .singleHeaderLabel:first-child {
    text-align: left;
    padding-left: 10px;
    width: 55%;
    position: relative;
}
.singleHeaderHolderLabel.fourColumn .singleHeaderLabel:first-child::before {
    content: '';
    float: left;
    left: 5px;
    width: 3px;
    background-color: #126e51;
    height: calc(100% - 10px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.singleHeaderHolderLabel .singleHeaderLabel:last-child {
    border-right: 0;
}

.twoColumn .singleHeaderHolderLabel .singleHeaderLabel {
    width: 50%;
}
.twoColumns .singleHeaderHolderLabel .singleHeaderLabel {
    width: 50%;
}
.fourColumns .singleHeaderHolderLabel .singleHeaderLabel {
    width: 25%;
}
.singleHeaderHolderLabel .singleHeaderLabel {
    width: 33%;
}

.singleHeaderHolderLabel .singleHeaderLabel.oneColumns {
    width: 100%;
}
.singleHeaderHolderLabel .singleHeaderLabel.twoColumns {
    width: 50%;
}
.singleHeaderHolderLabel .singleHeaderLabel.threeColumns {
    width: 33.333%;
}
.singleHeaderHolderLabel .singleHeaderLabel.fourColumns {
    width: 25%;
}

.searchModule {
    border: 0;
    height: 32px;
    padding-left: 30px;
    border: 0;
    background-color: transparent;
    outline: none;
    background-image: url('../img/loupe.svg');
    background-position: center left 0px;
    background-size: 15px;
    background-repeat: no-repeat;
    font-size: 10pt;
    color: #fff;
}
.searchModule::-webkit-input-placeholder {
    color: #fff;
}
.searchModule::-moz-placeholder {
    color: #fff;
}
.searchModule:-ms-input-placeholder {
    color: #fff;
}
.searchModule::-ms-input-placeholder {
    color: #fff;
}
.searchModule::placeholder {
    color: #fff;
}

.searchLabeled .singleGameDateLabel.hide {
    display: none;
}

.searchingContent .gameTableContent .singleGameDateLabel {
    display: none;
}
.searchLabel {
    font-style: normal;
    color: #ffdf1b;
}

.searchHolder {
    float: left;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999999;
    background-color: #333;
    padding-top: 106px;
    display: none;
}
.searchHolder.show {
    display: inherit;
}
.searchHolder .searchHeader {
    position: absolute;
    left: 0;
    top: 0;
    height: 56px;
    width: 100%;
    background-color: var(--TitleBackColor);;
    border-bottom: 3px solid var(--InTitleLightColor);
}
.searchHolder .searchHeader input {
    float: left;
    width: 100%;
    height: 56px;
    padding-right: 100px;
    padding-left: 50px;
    background-color: transparent;
    border: 0;
    outline: none;
    font-size: 12pt;
    color: #fff;
}
.searchHolder .searchHeader input::-webkit-input-placeholder {
    color: #fff;
}
.searchHolder .searchHeader input::-moz-placeholder {
    color: #fff;
}
.searchHolder .searchHeader input:-ms-input-placeholder {
    color: #fff;
}
.searchHolder .searchHeader input::-ms-input-placeholder {
    color: #fff;
}
.searchHolder .searchHeader input::placeholder {
    color: #fff;
}
.searchHolder .searchHeader .closeSearch {
    float: left;
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    line-height: 56px;
    color: #fff;
    padding: 0 10px;
}
.searchHolder .searchHeader .clearInput {
    float: left;
    width: 30px;
    height: 30px;
    margin: 13px 0;
    position: absolute;
    right: 61px;
    text-align: center;
    top: 0;
    color: #fff;
    line-height: 56px;
}
.searchHolder .searchHeader .clearInput span {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 30px;
}
.searchHolder .searchHeader .iconSearch {
    float: left;
    width: 20px;
    left: 15px;
    top: 15px;
    fill: #fff;
    height: 20px;
    position: absolute;
}
.searchHolder .searchSecondHeader {
    float: left;
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    top: 56px;
    border-bottom: 1px solid #757575;
}
.searchHolder .searchSecondHeader span {
    float: left;
    width: auto;
    font-size: 10pt;
    padding-left: 15px;
    line-height: 40px;
    height: 40px;
    color: #fff;
}
.searchHolder .searchSecondHeader .clearSearch {
    float: right;
    padding-right: 15px;
    line-height: 40px;
    font-size: 10pt;
    height: 40px;
    color: #fff;
}
.searchHolder .searchContent {
    float: left;
    width: 100%;
    padding: 0 15px;
    height: calc(100vh - 106px);
    overflow-y: auto;
    padding-bottom: 15px;
}

.dropdownWrapper {
    float: right;
    width: 50%;
    height: 30px;
    position: relative;
}

.dropdownWrapper .dropdownSelectedLabel {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    position: relative;
    padding-right: 30px;
    font-size: 9pt;
    text-align: right;
}
.dropdownWrapper .dropdownSelectedLabel::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-image: url("../img/selectArrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.dropdownWrapper .dropdownContentItem {
    float: left;
    width: 100%;
    position: absolute;
    top: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .15s linear all;
    -o-transition: .15s linear all;
    transition: .15s linear all;
    z-index: 99;
}
.dropdownWrapper.expand .dropdownContentItem {
    opacity: 1;
    visibility: visible;
}
.dropdownWrapper .dropdownContentItem .dropdownItemLinks {
    float: left;
    width: 100%;
    height: 40px;
    background-color: #ddd;
    color: #333;
    line-height: 40px;
    font-size: 10pt;
    padding-left: 15px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.threeCoefs {
    width: 16.665% !important;
}

.twoCoefs {
    width: 22% !important;
}

.currentUserWrapperFilter span, .accountBalanceFilter span, .myBetsWrapper .myBetsFilter span, .myBetsAdministrationFilter span {
    float: left;
    width: 110px;
    font-size: 13px;
    color: #fff;
    line-height: 40px;
    text-align: left;
}
.dropdownWrapper .dropdownContentItem .dropdownItemLinks.active {
    background-color: #fff;
    color: #14805e;
}
.dropdownWrapper .dropdownContentItem .dropdownItemLinks.active::before {
    content: "";
    width: 4px;
    background-color: #4acfa5;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

.pageHeaderTitle {
    float: left;
    width: 100%;
    height: 44px;
    margin-top: 6px;
    background-color: #474747;
    position: relative;
    border-top: 0 !important;
}

.pageHeaderTitle .backBtn {
    display: inherit;
    float: left;
    height: 44px;
    width: 40px;
    border-right: 1px solid #585858;
    border-top: 0 !important;
}
.pageHeaderTitle .backBtn svg {
    float: left;
    width: 100%;
    padding: 18px 15px;
    height: 100%;
    fill: #fff;
}
.prematchArrow {
    float: left;
    width: 40px;
    height: 50px;
    border-right: 1px solid #585858;
    background-color: #383838;
}
.prematchArrow svg {
    float: left;
    width: 100%;
    padding: 18px 15px;
    height: 100%;
    fill: #fff;
}


.singleMatchTitle .singleCategoryTitle a {
    width: auto;
    font-size: 11pt;
    padding-left: 10px;
    margin-top: 15px;
}
.singleMatchTitle .singleCategoryTitle {
    width: auto;
}

.singleMatchTitle span {
    font-size: 11pt;
    padding-right: 0;
    padding-top: 15px;
    line-height: 20px;
    font-weight: normal;
    padding-left: 5px;

}
.singleMatchTitle {
    height: auto;
    padding-bottom: 10px;
    width: calc(100% - 40px);
}


.pageHeaderTitle span {
    float: left;
    width: auto;
    text-align: left;
    padding-left: 10px;
    font-size: 10pt;
    color: #fff;
    position: absolute;
    line-height: normal;
    left: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pageHeaderTitle .liveTitleBtn {
    float: right;
    width: auto;
    text-align: left;
    line-height: 50px;
    padding-left: 15px;
    font-size: 10pt;
    color: #fff;
    padding-right: 40px;
    background-image: url('../img/right-arrow.svg');
    background-repeat: no-repeat;
    background-position: top 55% right 15px;
    background-size: 16px;
}
.pageHeaderTitle .liveTitleBtn i {
    color: #ffdf1b;
    font-style: normal;
}

.messageModal.showMessage {
    opacity: 1;
    visibility: visible;
}

.messageModal .messageHolder {
    float: left;
    width: 240px;
    height: auto;
    position: absolute;
    border-radius: 5px;
    overflow: hidden;
    left: 50%;
    -webkit-box-shadow: 0 0 10px -6px #000;
    box-shadow: 0 0 10px -6px #000;
    top: 50%;
    background-color: #e4e4e4;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.messageModal .messageHolder span {
    background-color: var(--TitleBackColor);
    color: #fff;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #ffe600;
    font-size: 17pt;
}

.messageModal .messageHolder p {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    color: #000;
    padding: 10px 0;
}


.cancelBtnMessageModal {
    float: left;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    background-color: #232526;
    z-index: 999;
    height: 100vh;
}

.cancelBtnMessageModal.show {
    opacity: 1;
    visibility: visible;
}

.cancelBtnMessageModal p {
    float: left;
    width: calc(100% - 30px);
    font-size: 14pt;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.jcakpotHolder {
    float: left;
    width: 100%;
    height: auto;
    margin: 6px 0;
    margin-bottom: 12px;
}

.jcakpotHolder span {
    text-transform: uppercase !important;
}

.jcakpotHolder .jackpotContent .bigTextJackpot {
    float: left;
    width: 100%;
    position: absolute;
    color: gold;
    z-index: 1;
    left: 0;
    text-align: center;
    bottom: 25px;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 10px;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .7s linear all;
    -o-transition: .7s linear all;
    transition: .7s linear all;
}
.jcakpotHolder .jackpotContent .bigTextJackpot.show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.jcakpotHolder .jackpotContent .smallTextJackpot {
    float: left;
    width: 100%;
    position: absolute;
    color: gold;
    z-index: 1;
    left: 0;
    text-align: center;
    bottom: 97px;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 3px;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .7s linear all;
    -o-transition: .7s linear all;
    transition: .7s linear all;
}
.jcakpotHolder .jackpotContent .smallTextJackpot.show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.jcakpotHolder .jackpotContent {
    float: left;
    width: 100%;
    height: auto;
    background: rgba(34,34,34,1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34,34,34,1)), color-stop(1%, rgba(34,34,34,1)), color-stop(67%, rgba(34,34,34,1)), color-stop(87%, rgba(23,46,44,1)), color-stop(96%, rgba(0,77,72,1)), color-stop(100%, rgba(0,110,103,1)));
    background: -o-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 1%, rgba(34,34,34,1) 67%, rgba(23,46,44,1) 87%, rgba(0,77,72,1) 96%, rgba(0,110,103,1) 100%);
    background: -o-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 1%, rgba(34,34,34,1) 41%, rgba(23,46,44,1) 70%, rgba(0,77,72,1) 90%, rgba(0,110,103,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(34,34,34,1)), color-stop(1%, rgba(34,34,34,1)), color-stop(41%, rgba(34,34,34,1)), color-stop(70%, rgba(23,46,44,1)), color-stop(90%, rgba(0,77,72,1)), to(rgba(0,110,103,1)));
    background: linear-gradient(to bottom, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 1%, rgba(34,34,34,1) 41%, rgba(23,46,44,1) 70%, rgba(0,77,72,1) 90%, rgba(0,110,103,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#006e67', GradientType=0 );
    position: relative;
}
.jcakpotHolder .jackpotContent img {
    float: left;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.jcakpotHolder .jackpotHeader {
    float: left;
    width: 100%;
    height: 60px;
    margin-top: 6px;
    background: rgba(34,34,34,1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34,34,34,1)), color-stop(1%, rgba(34,34,34,1)), color-stop(67%, rgba(34,34,34,1)), color-stop(87%, rgba(23,46,44,1)), color-stop(96%, rgba(0,77,72,1)), color-stop(100%, rgba(0,110,103,1)));
    background: -o-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 1%, rgba(34,34,34,1) 67%, rgba(23,46,44,1) 87%, rgba(0,77,72,1) 96%, rgba(0,110,103,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(34,34,34,1)), color-stop(1%, rgba(34,34,34,1)), color-stop(67%, rgba(34,34,34,1)), color-stop(87%, rgba(23,46,44,1)), color-stop(96%, rgba(0,77,72,1)), to(rgba(0,110,103,1)));
    background: linear-gradient(to bottom, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 1%, rgba(34,34,34,1) 67%, rgba(23,46,44,1) 87%, rgba(0,77,72,1) 96%, rgba(0,110,103,1) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#006e67', GradientType=0 );*/
}
.jcakpotHolder .jackpotHeader .jackpotLeftHeader {
    float: left;
    width: 50%;
    height: 60px;
    padding: 5px 0;
}
.jcakpotHolder .jackpotHeader .jackpotLeftHeader span:first-child {
    float: left;
    width: 100%;
    line-height: 16px;
    text-align: center;
    font-size: 8pt;
    color: #00fff2;
}
.jcakpotHolder .jackpotHeader .jackpotLeftHeader span:last-child {
    float: left;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    font-size: 18pt;
    color: #fff;
    -webkit-animation: 1s linear mymove infinite;
    animation: 1s linear mymove infinite;
}
@-webkit-keyframes mymove {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: #fff;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: gold;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: #fff;
    }
}
@keyframes mymove {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: #fff;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: gold;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: #fff;
    }
}
.jcakpotHolder .jackpotHeader .jackpotRightHeader {
    float: left;
    width: 50%;
    height: 60px;
    padding: 5px 0;
}
.jcakpotHolder .jackpotHeader .jackpotRightHeader span:first-child {
    float: left;
    width: 100%;
    line-height: 16px;
    text-align: center;
    font-size: 8pt;
    color: #00fff2;
}
.jcakpotHolder .jackpotHeader .jackpotRightHeader span:last-child {
    float: left;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    font-size: 18pt;
    color: #fff;
    -webkit-animation: .7s linear mymove infinite;
    animation: .7s linear mymove infinite;
}


.jcakpotHolder .jackpotFooter {
    float: left;
    width: 100%;
    height: 60px;
    background: rgba(34,34,34,1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34,34,34,1)), color-stop(1%, rgba(34,34,34,1)), color-stop(67%, rgba(34,34,34,1)), color-stop(87%, rgba(23,46,44,1)), color-stop(96%, rgba(0,77,72,1)), color-stop(100%, rgba(0,110,103,1)));
    background: -o-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 1%, rgba(34,34,34,1) 67%, rgba(23,46,44,1) 87%, rgba(0,77,72,1) 96%, rgba(0,110,103,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(34,34,34,1)), color-stop(1%, rgba(34,34,34,1)), color-stop(67%, rgba(34,34,34,1)), color-stop(87%, rgba(23,46,44,1)), color-stop(96%, rgba(0,77,72,1)), to(rgba(0,110,103,1)));
    background: linear-gradient(to bottom, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 1%, rgba(34,34,34,1) 67%, rgba(23,46,44,1) 87%, rgba(0,77,72,1) 96%, rgba(0,110,103,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#006e67', GradientType=0 );
}
.jcakpotHolder .jackpotFooter .jackpotLeftFooter {
    float: left;
    width: 50%;
    height: 60px;
    padding: 5px 0;
}
.jcakpotHolder .jackpotFooter .jackpotLeftFooter span:first-child {
    float: left;
    width: 100%;
    line-height: 16px;
    text-align: center;
    font-size: 8pt;
    color: #00fff2;
}
.jcakpotHolder .jackpotFooter .jackpotLeftFooter span:last-child {
    float: left;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    font-size: 18pt;
    color: #fff;
    -webkit-animation: .7s linear mymove infinite;
    animation: .7s linear mymove infinite;
}


.jcakpotHolder .jackpotFooter .jackpotMiddleFooter {
    float: left;
    width: 100%;
    height: 60px;
    padding: 5px 0;
}
.jcakpotHolder .jackpotFooter .jackpotMiddleFooter span:first-child {
    float: left;
    width: 100%;
    line-height: 16px;
    text-align: center;
    font-size: 8pt;
    color: #00fff2;
}
.jcakpotHolder .jackpotFooter .jackpotMiddleFooter span:last-child {
    float: left;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    font-size: 18pt;
    color: #fff;
    -webkit-animation: .7s linear mymove infinite;
    animation: .7s linear mymove infinite;
}

.jcakpotHolder .jackpotFooter .jackpotRightFooter {
    float: left;
    width: 50%;
    height: 60px;
    padding: 5px 0;
}
.jcakpotHolder .jackpotFooter .jackpotRightFooter span:first-child {
    float: left;
    width: 100%;
    line-height: 16px;
    text-align: center;
    font-size: 8pt;
    color: #00fff2;
}
.jcakpotHolder .jackpotFooter .jackpotRightFooter span:last-child {
    float: left;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    font-size: 18pt;
    color: #fff;
    -webkit-animation: .7s linear mymove infinite;
    animation: .7s linear mymove infinite;
}


.singleMatchSearchMarkets {
    float: left;
    width: 100%;
    height: 30px;
    margin-bottom: 15px;
    background: transparent;
}
.singleMatchSearchMarkets input {
    float: right;
    width: calc(100% - 10px);
    height: 40px;
    background-color: transparent;
    border: 0;
    margin-right: 5px;
    padding: 0 10px;
    font-size: 10pt;
    padding-right: 15px;
    outline: none;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    background-image: url(../img/loop.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 15px;
    padding-right: 30px;
}

.singleMatchSearchMarkets input::-webkit-input-placeholder {
    color: #ddd;
}

.singleMatchSearchMarkets input::-moz-placeholder {
    color: #ddd;
}

.singleMatchSearchMarkets input:-ms-input-placeholder {
    color: #ddd;
}

.singleMatchSearchMarkets input::-ms-input-placeholder {
    color: #ddd;
}

.singleMatchSearchMarkets input::placeholder {
    color: #ddd;
}

.myBetGroupWrapper {
    float: left;
    width: 100%;
    margin-top: 15px;
    background-color: #404040;
}
.myBetGroupWrapper .myBetGroupLabel {
    float: left;
    width: 100%;
    color: #fff;
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
}
#myButtonControlID{
    margin-top: 10px;
    margin-left: 20px;
    background-color: #ffe600;
    border-radius: 2px;
    width: auto;
    height: 28px;
    line-height: 28px;
    margin: 16px 0;
    font-size: 13px;
    padding: 0 10px;
    cursor: pointer;
    float: right;
}

body.modal-open {
    overflow-y: hidden;

}

body.modal-open section.header {
    z-index: 0;
}

body.modal-open #header_container {
    display: none;
}

.modal-window {
    position: fixed;
    background-color: rgba(0,0,0,0.6);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -555;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}
.modal-window.show {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    z-index: 999;
}
.modal-window.popup {
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-window > .modal-content {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    position: absolute;
    background: #333333;
}
.modal-window.fullscreen > .modal-content {
    width: 100%;
    height: 100%;
    top: 0; left: 0; right: 0; bottom: 0;
}
.modal-window.popup > .modal-content {
    max-width: 720px;
    height: unset !important;
    max-height: calc(100% - 30px);
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    position: relative;
    background-color: #000;
    border-radius: 5px;
    overflow: hidden;
}
.modal-window.popup > .modal-content img {
    width: 100%;
    height: auto;
}
.modal-window.popup .modal-body {
    height: auto;
}
.modal-window .modal-header {
    display: block;
    padding: 10px 15px 15px;
    border-bottom: 1px solid #272727;
    color: #ffffff;
}
.modal-window .modal-heading {
    display: inline-block;
    padding-top: 3px;
}
.modal-window .modal-btn {
    color: #aaa;
    font-size: 80%;
    text-decoration: none;
    position: absolute;
    top: -5px;
    background: white;
    border-radius: 50%;
    padding: 3px;
    z-index: 2;
}
.modal-window.fullscreen .modal-btn {
    top: 5px;
}
/* .modal-window .modal-btn:hover {
    color: #e3e3e3;
} */
.modal-window .modal-close {
    right: -5px;
}
.modal-window.fullscreen .modal-close {
    right: 5px;
}
.modal-window .modal-fullscreen {
    right: 25px;
}
.modal-window.fullscreen .modal-fullscreen {
    right: 35px;
}

.modal-window .modal-body {
    /* height: calc(100% - 45px); */
    height: 100%;
    overflow: auto;
}

.modal-window .modal-body iframe {
    width: 100%;
    height: 100%;
}

.modal-window.enlarge .modal-body {
    overflow: hidden;
}

.modal-window.enlarge .modal-body iframe {
    width: 200%;
    height: 200%;
    transform: scale(0.5);
    transform-origin: top left;
}

.modal-body .jackpot-price {
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
}

.modal-body .jackpot-price span {
    display: block;
}

.modal-body .jackpot-price span:first-child {
    line-height: 16px;
    text-align: center;
    font-size: 8pt;
    color: #00fff2;
}

.modal-body .jackpot-price span:last-child {
    line-height: 32px;
    font-weight: bold;
    font-size: 18pt;
    color: #fff;
    -webkit-animation: 1s linear mymove infinite;
    animation: 1s linear mymove infinite;
}

.filterWrapperMain {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}
.filterWrapperMain .filterBtnMain {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 15px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    opacity: 1;
    font-size: 13px;
}
.filterWrapperMain .filterBtnMain.active {
    background-color: var(--TitleBackColor);
    opacity: 1;
}




@media only screen and (min-width: 1300px) {
  .searchHolder {
    transform: translateX(-100%);
    display: inherit;
    position: fixed;
    left: 0;
    top: 106px;
    right: 0;
    width: 100%;
    max-height: calc(100vh - 106px);
    width: 420px;
    overflow-y: auto;
    transition: .15s linear all;
    width: 500px;
    z-index: 9999;
  }
  .searchHolder .searchSecondHeader{
    z-index: 3;
  }
  .searchHolder .searchHeader {
    z-index: 3;
  }
  .searchHolder .searchContent {
    z-index: 3;
  }
  body.headerScrolled .searchHolder{
    max-height: calc(100vh - 61px);
    top: 61px;
  }
  .searchHolder.show {
    transform: translateX(0);
  }
  section.header .headerWrapper .searchWrapper {
    display: none;
  }
  section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper {
    display: inherit;
    position: relative;
  }
  section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper svg {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    padding: 8px;
    fill: #fff;
    height: 30px;
  }
  section.content section.mainPanel section.leftPanel .menuHolder .searchWrapper input {
    float: left;
    outline: none;
    width: 100%;
    height: 30px;
    color: #fff;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    margin-bottom: 15px;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-left: 35px;
  }
  .slotsWrapper {
    margin-left: 180px;
    width: calc(100% - 180px);
    padding-left: 0 !important;
  }

  .searchHolder .searchContent {
    height: 100%;
  }

  .searchContent .moduleSportSingleLeagueMatch {
      float: left;
      width: 100%;
      height: auto;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel {
      float: left;
      background: #666;
      border-bottom: 1px solid #757575;
      width: 55%;
      height: 60px;
      position: relative;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink {
      float: left;
      width: calc(100% - 30px);
      cursor: pointer;
      height: 40px;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span {
      float: left;
      width: auto;
      height: 100%;
      font-size: 12px;
      line-height: 30px;
      height: 30px;
      padding-left: 10px;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:first-child {
      line-height: 20px;
      height: 40px;
      width: 100%;
      padding-top: 6px;
      color: #ddd;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span i {
      float: left;
      width: 100%;
      height: auto;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      line-height: normal;
      overflow: hidden;
      white-space: nowrap;
      font-style: normal;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:nth-child(2) {
      position: absolute;
      right: 7px;
      top: 0;
      width: 7px;
      height: 60px;
      line-height: normal;
      padding: 0;
      overflow: hidden;
      padding-top: 6px;
      color: #ffdf1b;
  }

  .noChildrenFound {
      float: left;
      width: 100%;
      padding: 10px 0;
      color: #ddd;
      font-size: 8pt;
      text-align: center;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span:nth-child(3) {
      position: absolute;
      left: 0;
      bottom: 0;
      font-size: 7pt;
      line-height: 20px;
      height: 20px;
      float: left;
      width: auto;
      color: #ddd;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink span.numberofmarkets {
      position: absolute;
      right: 10px;
      bottom: -5px;
      margin: 0;
      padding: 0;
      color: #ddd;
      font-size: 8pt;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueAccordionEvent {
      float: right;
      width: 30px;
      height: 60px;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueAccordionEvent svg {
      float: left;
      width: 100%;
      height: 100%;
      padding: 11px;
      fill: #ddd;
      cursor: pointer;
      opacity: 0;
      -webkit-transition: .2s linear all;
      -o-transition: .2s linear all;
      transition: .2s linear all;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons {
      float: left;
      width: 45%;
      height: 60px;
      border-bottom: 1px solid #757575;
      overflow: hidden;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .bettingBtn {
      float: left;
      width: 33.33%;
      height: 61px;
      cursor: pointer;
      background-color: #5e5e5e;
      text-align: center;
      border-right: 1px solid #6e6e6e;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .bettingBtn:last-child {
      border-bottom: 0;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .bettingBtn span {
      height: 60px;
      line-height: 60px;
      padding-left: 0;
      width: 100%;
      font-size: 11px;
      color: #ffdf1b;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .bettingBtn.betSlipAdded {
      background-color: #fff;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .bettingBtn.betSlipAdded span {
      color: #14805e;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchBetButtons .bettingBtn span:first-child {
      color: #fff;
  }

  .searchLabelGroup .searchLabel {
      float: left;
      width: 100%;
      background-color: #14805e;
  }
  .searchLabelGroup .searchLabel span {
      line-height: 30px;
      height: 30px;
      text-align: left;
      padding-left: 10px;
      font-size: 13px;
      color: #fff;
  }

  .searchLabelGroup .search-games {
      float: left;
      width: 100%;
      height: auto;
  }

  .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.labelBtn {
      background-color: #5d5c5c;
  }

  .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.labelBtn span {
      color: rgba(255,255,255,.6);
  }

  .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.fourColumns {
      width: 25%;
  }
  .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.threeColumns {
      width: 33.333%;
  }
  .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.twoColumns {
      width: 50%;
  }
  .searchContent .moduleSportSingleLeagueMatch .moduleSportSingleLeagueMatchLabel .moduleSportSingleLeagueMatchLink{
    padding-left: 0;
  }

  .showDescSearch section.content section.mainPanel::before {
    content: '';
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.85);
    z-index: 2;
  }
  .slotsItem {
    padding-left: 0;
  }

}

.betSlipOpened .rightPanel {
    z-index: 9999999999 !important;
} 

.login_language_switch {
    width: 100%;
    line-height: 32px;
    height: 32px;
    margin-top: 24px;

}


/* Timeline */
.timeline-wrapper:not(:empty) + .singleMatchSearchMarkets {
    margin-top: 10px;
}

.timeline {
    width: calc(100% - 20px);
    margin: 10px;
    font-size: 10pt;
}

.timeline:not(:empty) {
    border: 2px solid #767676;
    padding: 15px 10px;
    border-radius: 10px;
}

.timeline-row {
    width: 100%;
    display: flex;
    line-height: 28px;
    color: #ffffff;
    margin-bottom: 4px;
}

.timeline-row > div:first-child {
    text-align: right;
}

.timeline-row > div:first-child, 
.timeline-row > div:last-child {
    width: calc((100% - 50px) / 2);
}

.timeline-row > div:nth-child(2) {
    width: 50px;
    text-align: center;
    font-weight: bold;
}

.timeline-row > div:first-child:not(:empty) {
    border-right: 4px solid #14805e;
    padding-right: 10px;
}

.timeline-row > div:last-child:not(:empty) {
    border-left: 4px solid #14805e;
    padding-left: 10px;
}

.timeline-row-full {
    text-align: center;
    font-weight: bold;
    color: #ffe600;
    line-height: 28px;
    margin-bottom: 4px;
}

.singleBetItemOdd .expander {
    display: block;
    width: 24px;
    float: right;
}
.singleBetItemOdd .expander svg {
    width: 9px;
    height: 15px;
    transform: rotate(-90deg);
}
.singleBetItemOdd .expander.open svg {
    transform: rotate(90deg);
}

.newCatHolder .expander {
    float: right;
    margin-top: 6px;
    color: #939393;
}
.newCatHolder {
    background: #474747;
    boprder-top: 1px solid #515151;
}

.newCatHolder .expander.open {
    color: #ffe600;
}

/* END" */

.kfm-Competitor_TeamKit {
    margin-right: 11px;
    width: 14px;
    height: 16px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    display: inline-block;
}

.ml-TeamKit_SVG {
    width: 100%;
    height: 100%;
}

.hpf-FooterModule_Links {
    text-align: center;
    padding: 0 0 20px;
}

.hpf-HelpItem {
    display: inline-block;
    padding: 3px 11px 4px;
    color: #ddd;
    font-size: 13px;
    cursor: pointer;
}

.footer-logo {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.footer-logo span {
    font-family: Arial Black, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    font-size: 48px;
    letter-spacing: -1px;
    line-height: 48px;
}

.footer-logo span:first-child {
    color: var(--InPlayColor);
}

.footer-logo span i {
    font-style: normal;
    color: var(--InTitleColor);
    font-weight: bold;
    font-family: inherit;
}

.contentHolder > *[hidden] {
    display: none;
}

.my-bets-tabs {
    clear: both;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 0px;
    background: #404040;
    border-top: 1px solid var(--BorderSeparator);
    border-bottom: 1px solid var(--BorderSeparator);
}

.my-bets-tabs__item {
    color: var(--InTitleColor);
    font-size: 14px;
    line-height: 40px;
    padding: 0 7px;
}

.my-bets-tabs__item.active {
    border-bottom: 2px solid var(--InTitleLightColor);
}

.my-bets-select-filters {
    clear: both;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* border-bottom: 1px solid var(--BorderSeparator); */
    gap: 20px;
    background-color: #404040;
}

.my-bets-select-filters.border-top {
    margin-top: 0;
    border-top: 1px solid var(--BorderSeparator);
}

.my-bets-select-filters select {
    appearance: none;
    background-color: transparent;
    border: none;
    color: var(--InTitleColor);
    color: #ddd;
    padding: 0 1.5em 0 0;
    margin: 0;
    font-family: inherit;
    font-size: 15px;
    cursor: inherit;
    line-height: 40px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAbVJREFUaEPtlrFKxEAQhmdCwoEWghAIl+Q97A5L9UEURRAb30GwEEUsfArRBziw9C0SQhobxeriruTY4jjuLtmZSSSy16S4/LP/9/8bGISB/3Dg/sEB/HWDrgHXADMBd4WYAbLlrgF2hMwBrgFmgGz5/20gy7IDANgLguA6iqJvdlSEAWVZbldVdYWI73EcP68asbaBPM8/AGAXAKa+7x/1DWHMvwLARGv9mabpji3ADQBcGlGvEIvmzfm3SZJcWAForTHP8ztEPDPCt9FodBiG4RfhNrSWFEWxpZR6AYD9WoSIT+Px+BgRlRVA/XLfELbm54BN0fQFQTHfCqCPJqjmWwN0CcExbwXQBQTXvDWAJISEeRKABISUeTIAB0LSPAuAAiFtng1gA9GFeRGANhBdmRcD2AQxm81+bHabps1g+f/GVcJmYL12ZFn24HneidFNzXNSP5VSj2maniKitpm76V1RgDVNzM9v2iqpQOIAqyC6Mi/6DSwnaLbY83orT5LkXvLaLJ7VSQPU60DROQBKapIa14BkmpRZrgFKapIa14BkmpRZrgFKapIa14BkmpRZg2/gF8hRPkAXpReDAAAAAElFTkSuQmCC') no-repeat right transparent;
    background-size: 18px auto;
    min-width: 100px;
    text-align: center;
    font-weight: bold;
}

.my-bets-select-filters select:focus, .my-bets-select-filters select:active {
    outline: none;
    border: none;
}

.my-bets-select-filters.hidden, .my-bets-select-filters select.hidden {
    display: none !important;
}

/* Start :: Header Menu - User and Currency Info */
.mmhdr-Header {
    background-color: #e4e4e4;
    text-align: left;
}
.mmhdr-Header_InfoRow {
    display: table;
    width: 100%;
    font-size: 15px;
    color: #545454;
    line-height: 17px;
    border-bottom: 1px solid #bbb;
    padding: 0 11px;
    white-space: nowrap;
    position: relative;
}
.mmhdr-Header_LeftSideWrapper {
    display: table-cell;
}
.mmhdr-UserInfo {
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    padding-bottom: 10px;
    padding-right: 0;
}
.mmhdr-UserInfo_UserName {
    width: 100%;
    display: block;
    font-size: 12px;
    color: #666;
    line-height: 15px;
}
.mmhdr-UserInfo_AccountBalanceWrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 21px;
    line-height: 21px;
}
.mmhdr-UserInfo_Balance {
    margin-right: 5px;
    font-size: 18px;
    color: #545454;
    display: inline-block;
}
.mmhdr-UserInfo_CurrencyCode {
    font-size: 13px;
    color: #545454;
    vertical-align: bottom;
    line-height: 25px;
}

/* End :: Header Menu - User and Currency Info */

.hpf-BackToTop_Button {
    padding: 11px;
    padding-top: 0;
}
.hpf-BackToTop_Button_Text {
    background-color: #545454;
    border: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #bbb;
    font-size: 13px;
    height: 33px;
    width: 100%;
    text-align: center;
    line-height: 33px;
}

.hpf-select {
    background-image: url('../img/dropdown-mobile.svg');
    background-position: right -1px;
    background-repeat: no-repeat;
    border-radius: 7px;
    height: 44px;
    width: 100%;
    color: #545454;
    font-size: 15px;
    padding-left: 11px;
    padding-right: 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}

.header-select {
    appearance: none;
    background-color: transparent;
    border: none;
    color: var(--InTitleColor);
    padding: 0 1.5em 0 0;
    margin: 0;
    font-family: inherit;
    font-size: 16px;
    cursor: inherit;
    line-height: 45px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAbVJREFUaEPtlrFKxEAQhmdCwoEWghAIl+Q97A5L9UEURRAb30GwEEUsfArRBziw9C0SQhobxeriruTY4jjuLtmZSSSy16S4/LP/9/8bGISB/3Dg/sEB/HWDrgHXADMBd4WYAbLlrgF2hMwBrgFmgGz5/20gy7IDANgLguA6iqJvdlSEAWVZbldVdYWI73EcP68asbaBPM8/AGAXAKa+7x/1DWHMvwLARGv9mabpji3ADQBcGlGvEIvmzfm3SZJcWAForTHP8ztEPDPCt9FodBiG4RfhNrSWFEWxpZR6AYD9WoSIT+Px+BgRlRVA/XLfELbm54BN0fQFQTHfCqCPJqjmWwN0CcExbwXQBQTXvDWAJISEeRKABISUeTIAB0LSPAuAAiFtng1gA9GFeRGANhBdmRcD2AQxm81+bHabps1g+f/GVcJmYL12ZFn24HneidFNzXNSP5VSj2maniKitpm76V1RgDVNzM9v2iqpQOIAqyC6Mi/6DSwnaLbY83orT5LkXvLaLJ7VSQPU60DROQBKapIa14BkmpRZrgFKapIa14BkmpRZrgFKapIa14BkmpRZg2/gF8hRPkAXpReDAAAAAElFTkSuQmCC') no-repeat right transparent;
    background-size: 18px auto;
    min-width: 100px;
    text-align: center;
    position: absolute;
    outline: none !important;
    border: none !important;
    right: 0;
}

#accountBalancePage {
    background-color: #474747;
}

.expander {
    display: none;
}

.betSlip .bsFooter {
    display: flex;
    align-items: stretch;
    width: 100%;
    justify-content: space-between;
    min-height: 48px;
    font-size: 13px;
    line-height: 15px;
    color: #a7a7a7;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: background-color .35s;
    transition: background-color .35s;
}

.betSlip .bsFooter .bsAmount {
    display: flex;
    flex-direction: column;
    width: 50%;
    position: relative;
    padding: 0 11px;
    background-color: #333;
    justify-content: center;
}

.betSlip .bsFooter .bsAmount input::placeholder {
    color: #4acfa5;
}

.betSlip .bsFooter .bsAmount label {
    display: none;
    position: absolute;
    top: 5px;
    font-size: 11px;
    color: #a7a7a7;
}

.betSlip .bsFooter .bsAmount input {
    height: 100%;
    border: none;
    background: transparent;
    color: #4acfa5;
    font-size: 1.6em;
    line-height: 24px;
    outline: none;
}

.betSlip .bsFooter .bsAmount input:not(:placeholder-shown) {
    margin-top: 10px;
}

.betSlip .bsFooter .bsAmount input:not(:placeholder-shown) ~ label {
  display: block;
}

.betSlip .bsFooter .bsButton {
    display: flex;
    flex-direction: column;
    padding: 0;
    align-items: center;
    justify-content: center;
    width: 50%;
    position: relative;
}


.betSlip .bsFooter .bsButton button { 
    width: 100%;
    height: 100%;
    display: block;
    border: none;
    padding: 0 11px;
    transition: background-color .35s;
    font-size: 18px;
    line-height: 21px;
    background-color: #082c47;
    color: #fff;
}

.betSlip .bsFooter .bsButton button:disabled {
    background-color: #585858;
    color: #a7a7a7;
}

.betSlip .bsFooter .bsButton button span {
    display: block;
    font-size: 12px;
    line-height: 13px;
    color: #74d600;
    text-align: center;
}

.betSlip .bsFooter .bsButton button:disabled span {
    display: none;
}


.SoccerSummaryRow_Icon {
    display: inline-block;
    height: 28px;
    width: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
}

.SoccerSummaryRow_Icon.Goal {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='11' viewBox='0 0 11 11' width='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 5.68a5.156 5.156 0 1 1 10.312 0A5.156 5.156 0 0 1 0 5.68z' fill='%23fff'/%3E%3Cg fill='%23545454'%3E%3Cpath d='M.86 8.84c.474-.045 2.393-.318 2.53-.428v-.327l-2.703.442.173.313zm2.871 1.948c.12-.462.294-1.049.237-1.216l-.306-.111-.225 1.257s.101.037.19.058c.042.01.08.016.104.012zM.102 6.793l1.309-3.334-.264-.186L0 6.421zM3.765 6.408L2.379 3.273l-.316.039 1.425 3.197zM1.328 2.666l-.463-.08-.177.238.492.095zM5.696 7.226l2.582-2.422-.245-.156L5.5 7.025zM7.26.675c-.152-.087-.225-.08-.385-.152l1.606 1.57h.43S7.71 1.159 7.259.675zM3.35.617s-.368.309-.6.705l.133.137.787-.936zM9.451 4.648l-.248.216-.265 3.725.285-.242zM8.87 9.464a5.59 5.59 0 0 0 .153-.168l-3.465-.523-.058.268s3.19.51 3.37.423zm-1.725-6.37s-.05-.163 0-.22L3.57 1.898l-.132.208z'/%3E%3C/g%3E%3Cpath d='M5.542 6.521s-.59-.093-1.243-.249c-.652-.156-.994-.249-.994-.249s-.404.467-.746.997c-.341.53-.496 1.246-.496 1.246l1.49 1.495 2.237-.996zm4.175 1.583l-.858-.018-1.328 1.187s-.056.924.054 1.012c.563-.198 1.754-1.173 2.132-2.181zM7.62 4.889l1.884.616s.364-.654.423-.917c.05-.226.17-.726.17-.726s-.241-.622-.749-1.252c-.094-.11-1.23-.712-1.23-.712l-1.243.997zm-5.372-.917l1.49-1.765-.496-.997-1.54.55-.417.377s-.373.507-.528.818c-.156.312 0 .997 0 .997h1.49zm-1.14 5.084L.723 7.593s-.16-.342-.378-.934c-.073-.2-.272-.412-.346-.636-.01.899.4 2.144 1.107 3.033z' fill='%23111'/%3E%3C/g%3E%3C/svg%3E");
}

.SoccerSummaryRow_Icon.OwnGoal {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12' viewBox='0 0 11 12'%3E%3Cg fill='none'%3E%3Cpath fill='%23E83838' d='M0 5.68a5.156 5.156 0 1 1 10.312 0A5.156 5.156 0 0 1 0 5.68z'/%3E%3Cpath fill='%23111' d='M.86 8.84c.474-.045 2.393-.318 2.53-.428v-.327l-2.703.442.173.313zm2.871 1.948c.12-.462.294-1.049.237-1.216l-.306-.111-.224 1.257s.1.037.188.058c.043.01.082.016.105.012zM.102 6.793l1.309-3.334-.264-.186L0 6.421zM3.765 6.408L2.379 3.273l-.316.039 1.425 3.197z'/%3E%3Cpath fill='%23545454' d='M1.328 2.666l-.463-.08-.177.238.492.095z'/%3E%3Cpath fill='%23111' d='M5.696 7.226l2.582-2.422-.245-.156L5.5 7.025zM7.26.675c-.152-.087-.225-.08-.385-.152l1.606 1.57h.43S7.71 1.159 7.259.675zM3.35.617s-.368.309-.6.705l.133.137.787-.936-.32.094zM9.451 4.648l-.248.216-.265 3.725.285-.242zM8.87 9.464a5.59 5.59 0 0 0 .153-.168l-3.465-.523-.058.268s3.19.51 3.37.423zm-1.725-6.37s-.05-.163 0-.22L3.57 1.898l-.132.208 3.707.987z'/%3E%3Cpath fill='%23111' d='M5.542 6.521s-.59-.093-1.243-.249c-.652-.156-.994-.249-.994-.249s-.404.467-.746.997c-.341.53-.497 1.246-.497 1.246l1.492 1.495 2.236-.996-.248-2.244zm4.175 1.583l-.858-.018-1.328 1.187s-.056.924.054 1.013c.563-.199 1.754-1.174 2.132-2.182zM7.62 4.889l1.884.616s.364-.654.423-.917c.05-.226.17-.726.17-.726s-.241-.622-.749-1.252c-.094-.11-1.23-.712-1.23-.712l-1.243.997.745 1.994zm-5.372-.917l1.49-1.765-.496-.996-1.54.549-.417.377s-.373.507-.528.818c-.156.312 0 .997 0 .997h1.49v.02zm-1.14 5.084L.723 7.593s-.16-.342-.378-.934c-.073-.2-.272-.412-.346-.636-.01.899.4 2.144 1.107 3.033z'/%3E%3C/g%3E%3C/svg%3E");
}

.SoccerSummaryRow_Icon.Corner{
    position: relative;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='13' viewBox='0 0 10 13'%3E%3Cdefs%3E%3Cpath id='a' d='M0 .1c2.2 1.298 5.2 2.3 9 3.006-3.884 2.37-6.884 3.372-9 3.007V.1z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 .5)'%3E%3Cpath fill='%23E83838' fill-rule='nonzero' d='M0 .1c2.2 1.298 5.2 2.3 9 3.006-3.884 2.37-6.884 3.372-9 3.007V.1z'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M0 .1C.464.02 2.21.093 2.671.1c1.825 2.112-2.504 1.552-1.4 6.006-.337.95-.813.362-1.271.007V.1z' mask='url(%23b)' opacity='.2'/%3E%3C/g%3E%3Cpath fill='%23A7A7A7' fill-rule='nonzero' d='M0 .142a.953.953 0 0 1 1 0v12.734c-.267.152-.747.178-1 0V.142z'/%3E%3C/g%3E%3C/svg%3E");
}

.SoccerSummaryRow_Icon.Yellow-card {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='13' viewBox='0 0 9 13' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3ERectangle 112%3C/title%3E%3Crect x='143' y='565' width='9' height='13' rx='1' transform='translate(-143 -565)' fill='%23E4D539' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.SoccerSummaryRow_Icon.Red-card {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10'%3E%3Cg fill='none'%3E%3Cpath fill='%23E83838' d='M.5.785C.5.351.857 0 1.276 0h5.448c.429 0 .776.356.776.785v8.43c0 .43-.346.78-.776.785H1.276A.783.783 0 0 1 .5 9.215V.785z'/%3E%3Cpath fill='%23000' fill-opacity='.25' d='M6.724 0c.429 0 .776.356.776.785v8.43c0 .43-.346.78-.776.785H1.276A.783.783 0 0 1 .5 9.215V.785C.5.351.857 0 1.276 0h5.448zm0 .2H1.276a.586.586 0 0 0-.568.49L.7.785v8.43c0 .289.21.532.483.577l.093.008h5.448c.28 0 .523-.215.568-.49l.008-.095V.785a.586.586 0 0 0-.483-.577L6.724.2z'/%3E%3Cpath fill='%23000' fill-opacity='.2' d='M5.755 7.565c1.57-2.243 1.73-5.46 1.74-6.469L7.5.785v8.43c0 .43-.346.78-.776.785l-5.76-.001.319-.017s2.588.273 4.472-2.417z'/%3E%3C/g%3E%3C/svg%3E");
}

.SoccerSummaryRow_Icon.Substitution {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23E83838' d='M0 6l3 4 3-3.953zm2-6h2v6H2z'/%3E%3Cpath fill='%23207C2F' d='M8 3.954L11 0l3 4zM10 4h2v6h-2z'/%3E%3C/g%3E%3C/svg%3E");
}

.SoccerSummaryRow_Icon.Offside {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='13' viewBox='0 0 10 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EOffside%3C/title%3E%3Cdefs%3E%3Cpath d='M9 7.219s-1.705.802-4.51 0c-.014.014-2.569-.811-4.49 0 .003.011.003-2.29 0-6.904 1.194-.42 2.69-.42 4.49 0-.02.005 2.515.855 4.51 0v6.904z' id='a'/%3E%3Cpath d='M9 7.219s-1.705.802-4.51 0c-.014.014-2.569-.811-4.49 0 .003.011.003-2.29 0-6.904 1.194-.42 2.69-.42 4.49 0-.02.005 2.515.855 4.51 0v6.904z' id='c'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23A7A7A7' width='1' height='13' rx='.3'/%3E%3Cg transform='translate(1)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23F3DA1B' xlink:href='%23a'/%3E%3Cpath fill='%23E72844' mask='url(%23b)' d='M4.5 2.616H9V9.52H4.5z'/%3E%3Cg mask='url(%23b)'%3E%3Cg transform='translate(0 -3.473)'%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cuse fill='%23E72844' xlink:href='%23c'/%3E%3Cpath fill='%23F3DA1B' mask='url(%23d)' d='M4.5 1.295H9v6.904H4.5z'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M.921 3.82c0 1.708.27 3.177.658 3.826V8H-.423V0l2.001-.002C1.191.648.921 2.115.921 3.82z' fill='%23000' opacity='.2' mask='url(%23b)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.in-play-header-tabs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    background: #404040;
    box-shadow: inset 0 0 1px 2px rgba(0,0,0,0.1);
}


.in-play-header-tab {
    color: #bbb;
    font-size: 13px;
    font-weight: 400;
    margin: 0 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 65px;
    position: relative;
}
.in-play-header-tab.active {
    color: var(--OddColor);
}
.in-play-header-tab.active::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    bottom: -10px;
    border-color: transparent;
}
.in-play-header-tab.active[sportid="1"]::after {
    border-color: transparent transparent #25765c;
    border-color: transparent transparent #25765c;
}
.in-play-header-tab.active[sportid="20"]::after {
    border-color: transparent transparent #344d63;
    border-color: transparent transparent #344d63;
}
.in-play-header-tab.active[sportid="2"]::after {
    border-color: transparent transparent #C18C00;
}
.in-play-header-tab.active[sportid="5"]::after {
    border-color: transparent transparent #5f6e37;
}
.in-play-header-tab i {
    display: block;
    height: 34px;
    width: 44px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70%;
    margin-top: 4px;
    filter: grayscale(1);
}
.in-play-header-tab.active i {
    filter: grayscale(0);
}

.in-play-header-tab i.sport-soccer {
    background-image: url('../img/soccer.svg');
}

.in-play-header-tab i.sport-basketball {
    background-image: url('../img/basketball.svg');
}

.in-play-header-tab i.sport-tennis {
    background-image: url('../img/tennis.svg');
}

.in-play-header-tab i.sport-table-tennis {
    background-image: url('../img/table.svg');
}

.page-content-wrapper {
    clear: both;
    padding: 10px;
}


/* PAGE TABLE - START */
table.page-table {
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid var(--TitleBackColor);
    border-spacing: 0;
}

table.page-table td, table.page-table th {
    padding: 5px;
    height: 36px;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
}

table.page-table thead th {
    background-color: var(--NavigationBack);
    color: var(--BodyColor);
    font-weight: normal;
    font-size: 12px;
}

table.page-table .table-title td, table.page-table .table-title th {
    background-color: var(--TitleBackColor);
    color: var(--BodyColor);
}

table.page-table tbody tr:nth-child(even) td {
    background-color: var(--EkipetColor);
}
table.page-table tbody tr:nth-child(odd) td {
    background-color: var(--BodyColor);
}
table.page-table .text-right {
    text-align: right;
}
table.page-table .text-center {
    text-align: center;
}
table.page-table .table-filter td {
    background-color: var(--NavigationBack);
    padding: 0;
    border-bottom: 1px solid var(--BorderSeparator);
}
table.page-table .table-filter-button {
    height: 42px;
    padding-inline: 5px;
    border: none;
    box-sizing: content-box;
    background-color: transparent;
    color: var(--BodyColor);
}

table.page-table .table-filter-button.active {
    border-bottom: 2px solid var(--JPLightColor);
}

.title-red-light, .title-green-light {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    top: 50%;
    margin-top: -6px;
    display: inline-block;
}

.title-red-light {
    left: 10px;
    background-color: red;
}

.title-green-light {
    right: 10px;
    background-color: limegreen;
}

/* PAGE TABLE - END */

/* FORM GROUP - START */
.form-group {
    margin-bottom: 24px;
    clear: both;
}
.form-group input, .form-group select {
    color: var(--X12Color);
    background-color: white;
    border: none;
    float: unset;
    margin: 0;
    border-bottom: 1px solid var(--BodyBackColor);
}

.form-group > *:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.form-group > *:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.daterangepicker .drp-calendar {
    max-width: 100%;
    padding: 0 !important;
    width: 100%;
    margin-bottom: 10px;
}
.daterangepicker.show-calendar .ranges {
    margin: 0;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    height: 32px;
}

.daterangepicker td.off,
.daterangepicker .calendar-table {
    background: #666;
    border: 0;
}

.daterangepicker .calendar-table td.available {
    color: #fff;
}
.daterangepicker .calendar-table td.available.off {
    color: rgba(255,255,255,.4);
}
.daterangepicker td.in-range {
    background: var(--TitleBackColor);
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background: #666;
}

.daterangepicker .calendar-table table thead {
    background: var(--TitleBackColor);
    color: #fff;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    border-color :#fff;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    border-radius: 0;
}
.daterangepicker .calendar-table table {
    border: 0;
    background: none;
}
/* FORM GROUP - END */

/* Hide games from deluxe caisno which don't have images */
div.game:has(img[src="./img/games_icons/duser.jpg"]) {
    display: none;
}