/*
* 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,
    <svgwidth="33"height="33"viewBox="0 0 33 33"xmlns="http://www.w3.org/2000/svg"><title>Oval61 + Oval62</title><gfill="%234ACFA5"fill-rule="evenodd"><pathd="M16.5 32c5.682 0 11-2.864 11-7.25 0-2.922-5.57-7.25-11-7.25-5.75 0-11 3.852-11 7.25 0 4.386 5.318 7.25 11 7.25zm0 1c-4.5 0-12-2.25-12-8.25 0-3.75 5.373-8.25 12-8.25s12 5.25 12 8.25c0 6-7.5 8.25-12 8.25z"/><pathd="M16.5 17c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 1a6 6 0 1 1 0-12 6 6 0 0 1 0 12z"/><pathd="M16.5 32C25.06 32 32 25.06 32 16.5 32 7.94 25.06 1 16.5 1 7.94 1 1 7.94 1 16.5 1 25.06 7.94 32 16.5 32zm0 1C7.387 33 0 25.613 0 16.5S7.387 0 16.5 0 33 7.387 33 16.5 25.613 33 16.5 33z"/></g></svg>
  );
  --InPlayColor: #ffdf1b;
  --InTitleColor: #e4e4e4;
  --InTitleLightColor: #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,
    <svgwidth="33"height="33"viewBox="0 0 33 33"xmlns="http://www.w3.org/2000/svg"><title>Oval61 + Oval62</title><gfill="%234ACFA5"fill-rule="evenodd"><pathd="M16.5 32c5.682 0 11-2.864 11-7.25 0-2.922-5.57-7.25-11-7.25-5.75 0-11 3.852-11 7.25 0 4.386 5.318 7.25 11 7.25zm0 1c-4.5 0-12-2.25-12-8.25 0-3.75 5.373-8.25 12-8.25s12 5.25 12 8.25c0 6-7.5 8.25-12 8.25z"/><pathd="M16.5 17c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 1a6 6 0 1 1 0-12 6 6 0 0 1 0 12z"/><pathd="M16.5 32C25.06 32 32 25.06 32 16.5 32 7.94 25.06 1 16.5 1 7.94 1 1 7.94 1 16.5 1 25.06 7.94 32 16.5 32zm0 1C7.387 33 0 25.613 0 16.5S7.387 0 16.5 0 33 7.387 33 16.5 25.613 33 16.5 33z"/></g></svg>
  );
  --InPlayColor: #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,
    <svgwidth="33"height="33"viewBox="0 0 33 33"xmlns="http://www.w3.org/2000/svg"><title>Oval61 + Oval62</title><gfill="%234ACFA5"fill-rule="evenodd"><pathd="M16.5 32c5.682 0 11-2.864 11-7.25 0-2.922-5.57-7.25-11-7.25-5.75 0-11 3.852-11 7.25 0 4.386 5.318 7.25 11 7.25zm0 1c-4.5 0-12-2.25-12-8.25 0-3.75 5.373-8.25 12-8.25s12 5.25 12 8.25c0 6-7.5 8.25-12 8.25z"/><pathd="M16.5 17c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 1a6 6 0 1 1 0-12 6 6 0 0 1 0 12z"/><pathd="M16.5 32C25.06 32 32 25.06 32 16.5 32 7.94 25.06 1 16.5 1 7.94 1 1 7.94 1 16.5 1 25.06 7.94 32 16.5 32zm0 1C7.387 33 0 25.613 0 16.5S7.387 0 16.5 0 33 7.387 33 16.5 25.613 33 16.5 33z"/></g></svg>
  );
  --InPlayColor: #ffdf1b;
  --InTitleColor: #e4e4e4;
  --InTitleLightColor: #4acfa5;
  --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,
    <svgwidth="33"height="33"viewBox="0 0 33 33"xmlns="http://www.w3.org/2000/svg"><title>Oval61 + Oval62</title><gfill="%234ACFA5"fill-rule="evenodd"><pathd="M16.5 32c5.682 0 11-2.864 11-7.25 0-2.922-5.57-7.25-11-7.25-5.75 0-11 3.852-11 7.25 0 4.386 5.318 7.25 11 7.25zm0 1c-4.5 0-12-2.25-12-8.25 0-3.75 5.373-8.25 12-8.25s12 5.25 12 8.25c0 6-7.5 8.25-12 8.25z"/><pathd="M16.5 17c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 1a6 6 0 1 1 0-12 6 6 0 0 1 0 12z"/><pathd="M16.5 32C25.06 32 32 25.06 32 16.5 32 7.94 25.06 1 16.5 1 7.94 1 1 7.94 1 16.5 1 25.06 7.94 32 16.5 32zm0 1C7.387 33 0 25.613 0 16.5S7.387 0 16.5 0 33 7.387 33 16.5 25.613 33 16.5 33z"/></g></svg>
  );
  --InPlayColor: #ffdf1b;
  --InTitleColor: #e4e4e4;
  --InTitleLightColor: #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,
    <svgwidth="33"height="33"viewBox="0 0 33 33"xmlns="http://www.w3.org/2000/svg"><title>Oval61 + Oval62</title><gfill="%23f1"fill-rule="evenodd"><pathd="M16.5 32c5.682 0 11-2.864 11-7.25 0-2.922-5.57-7.25-11-7.25-5.75 0-11 3.852-11 7.25 0 4.386 5.318 7.25 11 7.25zm0 1c-4.5 0-12-2.25-12-8.25 0-3.75 5.373-8.25 12-8.25s12 5.25 12 8.25c0 6-7.5 8.25-12 8.25z"/><pathd="M16.5 17c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 1a6 6 0 1 1 0-12 6 6 0 0 1 0 12z"/><pathd="M16.5 32C25.06 32 32 25.06 32 16.5 32 7.94 25.06 1 16.5 1 7.94 1 1 7.94 1 16.5 1 25.06 7.94 32 16.5 32zm0 1C7.387 33 0 25.613 0 16.5S7.387 0 16.5 0 33 7.387 33 16.5 25.613 33 16.5 33z"/></g></svg>
  );
  --InPlayColor: #ffdf1b;
  --InTitleColor: #e4e4e4;
  --InTitleLightColor: #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);
  }
}

:root[MainTheme="navyblue"] {
  --BodyBackColor: #182f43;
  --BodyColor: #ccc;
  --BorderSeparator: #2a3e56;
  --ColoriNext: #888;
  --EkipetColor: #ddd;
  --EkipetMajtasBack: #182f43;
  --Icon: url(
    data:image/svg + xml;charset=utf-8,
    <svgwidth="33"height="33"viewBox="0 0 33 33"xmlns="http://www.w3.org/2000/svg"><title>Oval61 + Oval62</title><gfill="%234ACFA5"fill-rule="evenodd"><pathd="M16.5 32c5.682 0 11-2.864 11-7.25 0-2.922-5.57-7.25-11-7.25-5.75 0-11 3.852-11 7.25 0 4.386 5.318 7.25 11 7.25zm0 1c-4.5 0-12-2.25-12-8.25 0-3.75 5.373-8.25 12-8.25s12 5.25 12 8.25c0 6-7.5 8.25-12 8.25z"/><pathd="M16.5 17c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 1a6 6 0 1 1 0-12 6 6 0 0 1 0 12z"/><pathd="M16.5 32C25.06 32 32 25.06 32 16.5 32 7.94 25.06 1 16.5 1 7.94 1 1 7.94 1 16.5 1 25.06 7.94 32 16.5 32zm0 1C7.387 33 0 25.613 0 16.5S7.387 0 16.5 0 33 7.387 33 16.5 25.613 33 16.5 33z"/></g></svg>
  );
  --InPlayColor: #ffdf1b;
  --InTitleColor: #e4e4e4;
  --InTitleLightColor: #8a8a8a;
  --JPLightColor: #898eee;
  --KamionatColor: #bbb;
  --KampionatiListBack: #182f43;
  --NavigationBack: #2a3e56;
  --NavigationKampionatColor: #ddd;
  --NavigationSportColor: #bbb;
  --NavMenuVija: #00022E;
  --OddBackColor: #2a3e56;
  --OddColor: #00022E;
  --Ora: #bbb;
  --PositionColor: #ddd;
  --SearchColor: #182f43;
  --SelectedKoefBack: #e4e4e4;
  --SelectedKoefColor: #00022E;
  --SelectedKoefEkip: #545454;
  --TitleBackBorderColor: #535353;
  --TitleBackColor: #00022E;
  --X12Back: #a7a7a7;
  --X12Color: #545454;
  --FooterBackground: #0a131e;

  .footer {
    background-color: #00022E;
  }

  .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: #00022E;
  }
  ::-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="elbasan-blue"] {
  --BodyBackColor: #011e6a;
  --BodyColor: #ccc;
  --BorderSeparator: #133080;
  --ColoriNext: #888;
  --EkipetColor: #ddd;
  --EkipetMajtasBack: #011e6a;
  --Icon: url(
    data:image/svg + xml;charset=utf-8,
    <svgwidth="33"height="33"viewBox="0 0 33 33"xmlns="http://www.w3.org/2000/svg"><title>Oval61 + Oval62</title><gfill="%234ACFA5"fill-rule="evenodd"><pathd="M16.5 32c5.682 0 11-2.864 11-7.25 0-2.922-5.57-7.25-11-7.25-5.75 0-11 3.852-11 7.25 0 4.386 5.318 7.25 11 7.25zm0 1c-4.5 0-12-2.25-12-8.25 0-3.75 5.373-8.25 12-8.25s12 5.25 12 8.25c0 6-7.5 8.25-12 8.25z"/><pathd="M16.5 17c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 1a6 6 0 1 1 0-12 6 6 0 0 1 0 12z"/><pathd="M16.5 32C25.06 32 32 25.06 32 16.5 32 7.94 25.06 1 16.5 1 7.94 1 1 7.94 1 16.5 1 25.06 7.94 32 16.5 32zm0 1C7.387 33 0 25.613 0 16.5S7.387 0 16.5 0 33 7.387 33 16.5 25.613 33 16.5 33z"/></g></svg>
  );
  --InPlayColor: #ffdf1b;
  --InTitleColor: #e4e4e4;
  --InTitleLightColor: #8a8a8a;
  --JPLightColor: #898eee;
  --KamionatColor: #bbb;
  --KampionatiListBack: #011e6a;
  --NavigationBack: #133080;
  --NavigationKampionatColor: #ddd;
  --NavigationSportColor: #bbb;
  --NavMenuVija: #00022E;
  --OddBackColor: #133080;
  --OddColor: #00022E;
  --Ora: #bbb;
  --PositionColor: #ddd;
  --SearchColor: #011e6a;
  --SelectedKoefBack: #e4e4e4;
  --SelectedKoefColor: #00022E;
  --SelectedKoefEkip: #545454;
  --TitleBackBorderColor: #535353;
  --TitleBackColor: #00022E;
  --X12Back: #a7a7a7;
  --X12Color: #545454;
  --FooterBackground: #000d30;

  .footer {
    background-color: #00022E;
  }

  .hpf-BackToTop_Button_Text {
    background-color: var(--NavigationBack);
  }
  .featuredMatchBtn .bettingBtn,
  /* ... (all same selectors) ... */
  .newCatHolder {
    background-color: #0d2878;
    border-color: var(--BorderSeparator);
  }
  .gameTableContent .singleGameContent .singleAwayOdd.betSlipAdded,
  .gameTableContent .singleGameContent .singleDrawOdd.betSlipAdded,
  .gameTableContent .singleGameContent .singleHomeOdd.betSlipAdded {
    background-color: #7d8fbf !important;
  }
  .gameTableContent .singleGameContent .singleTeamNames,
  .featuredPrematchWrappers .featuredPrematchItem {
    background-color: var(--BodyBackColor);
    border-color: var(--BorderSeparator);
  }
  .singleHeaderHolderLabel {
    background-color: #7d8fbf;
  }
  .view-all-row {
    background-color: #001158;
  }
  .slotsItem span {
    background-color: #00022E;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgb(80 100 160 / 50%);
  }
  ::-webkit-scrollbar-track {
    border-left: 1px solid #0e245e;
  }
  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);
  }
}

.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: 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) all;
  }

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

  .betSlip.slideDown {
    height: 420px;
  }
  .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, 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: 0.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: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.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: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.2s linear all;
  }

  section.content section.mainPanel section.leftPanel {
    -webkit-transition: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.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: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.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: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.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: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.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: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.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: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.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, 0.7);
    width: 100vw;
    height: 100vh;
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.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, 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: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.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: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.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, 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, 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: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.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, 0.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: 420px;
  }
  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: 0.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: 0.15s linear all;
    -o-transition: 0.15s linear all;
    transition: 0.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.28, 0.84, 0.42, 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, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1) translateY(-30px);
  }
  50% {
    transform: scale(1.05, 0.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, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1) translateY(-30px);
  }
  50% {
    transform: scale(1.05, 0.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, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1) translateY(-30px);
  }
  50% {
    transform: scale(1.05, 0.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, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1) translateY(-30px);
  }
  50% {
    transform: scale(1.05, 0.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: 0.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 {
  /* MARKETDESC_LINE_GAP_V1 — line value anchored to top of cell with gap;
     odd value (text content of parent) stays centered below. */
  color: #fff !important;
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 11px;
  line-height: 1;
  opacity: 0.85;
}
/* shift the odd text downward to clear the line tag */
.goalAnotherType .gameTableContent .singleGameContent .singleHomeOdd,
.goalAnotherType .gameTableContent .singleGameContent .singleDrawOdd {
  line-height: 55px !important;
  padding-top: 12px !important;
}

: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, 0.3);
  -webkit-transition: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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, 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: 330px;
  position: fixed;
  right: 6px;
  top: 110px;
  background-color: #232526;
  -webkit-transition: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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: 99999999999;
  opacity: 0;
  visibility: hidden;
  width: 330px;
}
.loader-bet {
  border: 2px solid rgba(255, 255, 255, 0.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: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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, 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: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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 0.2s linear;
  animation: animateCounter 0.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% - 138px);
  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% - 74px);
  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: 0.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% - 138px);
}
.betSlip .betSlipFooter .betStake {
  float: left;
  width: 50%;
  border-right: 1px solid rgba(255, 255, 255, 0.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, 0.3);
}
.betSlip .betSlipFooter .betStake input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.betSlip .betSlipFooter .betStake input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.betSlip .betSlipFooter .betStake input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.betSlip .betSlipFooter .betStake input::placeholder {
  color: rgba(255, 255, 255, 0.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, 0.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: 0.2s ease-in-out all;
  -o-transition: 0.2s ease-in-out all;
  transition: 0.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: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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: 900px;
  height: 450px;
  overflow: hidden;
  border: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  left: auto;
  top: auto;
  position: relative;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  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, 0.5);
}

.liveMatchButtons .liveMatchBtn:first-child {
  display: inline-block;
  padding: 5px 10px;
  color: rgba(255, 255, 255, 0.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, 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, 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%;
  min-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: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.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: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
}
.arrowDownIcon {
  float: left;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 15px;
  padding: 10px;
  fill: #fff;
  -webkit-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
}

#todayAccordionContent {
  height: 0;
  -webkit-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.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: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.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: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
}

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

#todayAccordionContent {
  height: 0;
  -webkit-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.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, 0.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, 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: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.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: 280px;
  height: auto;
  position: absolute;
  border-radius: 8px;
  overflow: hidden;
  left: 50%;
  -webkit-box-shadow: 0 4px 30px rgba(0,0,0,0.5);
  box-shadow: 0 4px 30px rgba(0,0,0,0.5);
  top: 50%;
  background-color: #e4e4e4;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: messagePopIn 0.3s ease-out;
}
@keyframes messagePopIn {
  from { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
  to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
.messageModal .messageHolder span {
  background-color: var(--TitleBackColor);
  color: #fff;
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  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: 15px 10px;
  font-size: 14pt;
  font-weight: 600;
}

.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: 0.7s linear all;
  -o-transition: 0.7s linear all;
  transition: 0.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: 0.7s linear all;
  -o-transition: 0.7s linear all;
  transition: 0.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: 0.7s linear mymove infinite;
  animation: 0.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: 0.7s linear mymove infinite;
  animation: 0.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: 0.7s linear mymove infinite;
  animation: 0.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: 0.7s linear mymove infinite;
  animation: 0.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: 0.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: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.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, 0.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, 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;
  margin-bottom: 50px;
  float: left;
  width: 100%;
  height: auto;
}

.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 0.35s;
  transition: background-color 0.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 0.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, 0.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;
}
/* === api.euro365.bet widget iframe override (winhouse) === */
/* Sets the live-match tracker iframe to 700×330 px on every breakpoint and    */
/* neutralises the legacy transform/height rules that were tuned for the old   */
/* inline widget. The central widget renders at its natural size inside this   */
/* container so the user sees a 700×330 pitch panel.                            */

.singleMatchLiveField .live-field,
.singleMatchLiveField iframe#iframe,
.singleMatchLiveField iframe#basketballIframe,
.singleMatchLiveField iframe#tennisIframe,
.singleMatchLiveField iframe:not(#gameIframe) {
  transform: none !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  float: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin: 0 auto !important;
  display: block !important;
  overflow: visible !important;
  border: 0 !important;
}

.singleMatchLiveField .live-field {
  width: 900px !important;
  max-width: 100% !important;
  height: 450px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
}

.singleMatchLiveField iframe#iframe,
.singleMatchLiveField iframe#basketballIframe,
.singleMatchLiveField iframe#tennisIframe,
.singleMatchLiveField iframe:not(#gameIframe) {
  width: 900px !important;
  max-width: 100% !important;
  height: 450px !important;
  min-height: 450px !important;
}

/* Tablet — keep the 700×330 footprint if there's room, otherwise shrink to fit */
@media only screen and (max-width: 900px) {
  .singleMatchLiveField .live-field,
  .singleMatchLiveField iframe#iframe,
  .singleMatchLiveField iframe#basketballIframe,
  .singleMatchLiveField iframe#tennisIframe,
  .singleMatchLiveField iframe:not(#gameIframe) {
    width: 100% !important;
    max-width: 900px !important;
    height: 450px !important;
    min-height: 450px !important;
  }
}

/* Mobile — width can shrink (full-bleed), height stays at 330 */
@media only screen and (max-width: 720px) {
  .singleMatchLiveField .live-field,
  .singleMatchLiveField iframe#iframe,
  .singleMatchLiveField iframe#basketballIframe,
  .singleMatchLiveField iframe#tennisIframe,
  .singleMatchLiveField iframe:not(#gameIframe) {
    width: 100% !important;
    max-width: 100% !important;
    height: 450px !important;
    min-height: 450px !important;
  }
}

/* === loaderWrapper-bet always on top (winhouse) === */
/* Bet-ticket holding loader must sit above every other element on desktop  */
/* (header, bet-slip, modals, sticky tabs, LMT iframe wrapper) so the user  */
/* always sees that their ticket is being processed. Mobile already has     */
/* z-index:999 via the responsive @media block — desktop now matches.       */
.loaderWrapper-bet {
  z-index: 9999 !important;
  position: fixed !important;
  pointer-events: auto !important;
}
body.headerScrolled .loaderWrapper-bet {
  z-index: 9999 !important;
}



/* SPORT_ICON_FALLBACK_V2 — match by sportid attribute (no container scope)
   covers both prematch landing strip AND any other container where the JS
   drops <a sportid="N" class="betModuleSportBtn"><i class="sport-...">.
   Sport class names from the API may be localized (sport-Futboll/Basketboll/etc.)
   and may even contain spaces (sport-"Futboll Amerikan") which makes the
   class-based selector unreliable. Matching sportid is robust. */
.betModuleSportBtn i,
a[sportid] i {
  display: inline-block;
  width: 30px; height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.betModuleSportBtn[sportid="1"]   i, a[sportid="1"]   i { background-image: url("../img/soccer.svg"); }
.betModuleSportBtn[sportid="2"]   i, a[sportid="2"]   i { background-image: url("../img/basketball.svg"); }
.betModuleSportBtn[sportid="3"]   i, a[sportid="3"]   i { background-image: url("../img/baseball.svg"); }
.betModuleSportBtn[sportid="4"]   i, a[sportid="4"]   i { background-image: url("../img/hockey.svg"); }
.betModuleSportBtn[sportid="5"]   i, a[sportid="5"]   i { background-image: url("../img/tennis.svg"); }
.betModuleSportBtn[sportid="6"]   i, a[sportid="6"]   i { background-image: url("../img/handball.svg"); }
.betModuleSportBtn[sportid="9"]   i, a[sportid="9"]   i { background-image: url("../img/Golf.svg"); }
.betModuleSportBtn[sportid="10"]  i, a[sportid="10"]  i { background-image: url("../img/boxing.svg"); }
.betModuleSportBtn[sportid="12"]  i, a[sportid="12"]  i { background-image: url("../img/rugby.svg"); }
.betModuleSportBtn[sportid="13"]  i, a[sportid="13"]  i { background-image: url("../img/rugby.svg"); }
.betModuleSportBtn[sportid="16"]  i, a[sportid="16"]  i { background-image: url("../img/football.svg"); }
.betModuleSportBtn[sportid="17"]  i, a[sportid="17"]  i { background-image: url("../img/Cycling.svg"); }
.betModuleSportBtn[sportid="19"]  i, a[sportid="19"]  i { background-image: url("../img/biliardo.svg"); }
.betModuleSportBtn[sportid="20"]  i, a[sportid="20"]  i { background-image: url("../img/table.svg"); }
.betModuleSportBtn[sportid="21"]  i, a[sportid="21"]  i { background-image: url("../img/cricket.svg"); }
.betModuleSportBtn[sportid="22"]  i, a[sportid="22"]  i { background-image: url("../img/darts.svg"); }
.betModuleSportBtn[sportid="23"]  i, a[sportid="23"]  i { background-image: url("../img/volleyball.svg"); }
.betModuleSportBtn[sportid="24"]  i, a[sportid="24"]  i { background-image: url("../img/fieldHockey.svg"); }
.betModuleSportBtn[sportid="26"]  i, a[sportid="26"]  i { background-image: url("../img/Waterpolo.svg"); }
.betModuleSportBtn[sportid="29"]  i, a[sportid="29"]  i { background-image: url("../img/futsal.svg"); }
.betModuleSportBtn[sportid="31"]  i, a[sportid="31"]  i { background-image: url("../img/badmiton.svg"); }
.betModuleSportBtn[sportid="34"]  i, a[sportid="34"]  i { background-image: url("../img/beachvolley.svg"); }
.betModuleSportBtn[sportid="37"]  i, a[sportid="37"]  i { background-image: url("../img/squash.svg"); }
.betModuleSportBtn[sportid="39"]  i, a[sportid="39"]  i { background-image: url("../img/Lacrosse.svg"); }
.betModuleSportBtn[sportid="40"]  i, a[sportid="40"]  i { background-image: url("../img/Formula1.svg"); }
.betModuleSportBtn[sportid="117"] i, a[sportid="117"] i { background-image: url("../img/boxing.svg"); }
.betModuleSportBtn[sportid="190"] i, a[sportid="190"] i { background-image: url("../img/MotoGP.svg"); }
.betModuleSportBtn[sportid="306"] i, a[sportid="306"] i { background-image: url("../img/Bowling.svg"); }
.betModuleSportBtn[sportid="312"] i, a[sportid="312"] i { background-image: url("../img/rugby.svg"); }
/* /SPORT_ICON_FALLBACK_V2 */


/* HIDE_CURRENCYSELECTOR_V1 (2026-05-26) — user request: hide the currency
   picker from the betslip. Backend currentbalance still returns currency_id
   so default placement works; just don't show the chooser UI. */
.betSlip .currencyValue { display: none !important; }
.betSlip.currencySelector .currencyValue { display: none !important; }