@font-face {
  font-family: "Xicons";
  src: url("https://cdn.jsdelivr.net/gh/A-Margaryan/test-icons@main/fonts/icomoon.eot?z4ixka");
  src: url("https://cdn.jsdelivr.net/gh/A-Margaryan/test-icons@main/fonts/icomoon.eot?z4ixka#iefix")
      format("embedded-opentype"),
    url("https://cdn.jsdelivr.net/gh/A-Margaryan/test-icons@main/fonts/icomoon.ttf?z4ixka")
      format("truetype"),
    url("https://cdn.jsdelivr.net/gh/A-Margaryan/test-icons@main/fonts/icomoon.woff?z4ixka")
      format("woff"),
    url("https://cdn.jsdelivr.net/gh/A-Margaryan/test-icons@main/fonts/icomoon.svg?z4ixka#icomoon")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

span.market-odd-bc {
    color: #FCF793 !important;
}

.user-not-verified {
    text-shadow: 0 0 12px #cf34ff, 0 0 20px #cf34ff !important;
}

.historyListEl-list:nth-child(2) {
    display: none !important;
}

.logo-container {

    justify-content: space-between !important;
}

.header-icon {
    width: 30px !important;
    height: 30px !important;
}

.widget-visible iframe:nth-child(1) {
    offset: path("M 50 -10 L 360 0 L 0 0 L 0 0");
}

a.user-nav-icon.bc-i-money-dollar {
    background: #8805CE !important;
}

a.user-nav-icon.bc-i-money-dollar:before {
    content: url(https://cmsbetconstruct.com/storage/medias/purplebet-18758624/media_18758624_5eddb3061c7ead45e54d9c5d648f8a68.svg) !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.customPromoDeposit {
    max-width: 150px !important;
    margin-inline-start: 0 !important;
    padding: 20px !important;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 16px !important;
}
.is-mobile {
  #register_button_id {
    margin-inline-start: 8px;
    min-width: 72px;
    padding: 8px;
    height: 30px;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-decoration: none;
  }
  #login_button_id {
    margin-inline-start: 24px;
    min-width: 54px;
    padding: 8px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #FFF;
    color: #fff;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-decoration: none;
  }
  #root {
    --padding-page-aside: 12px;
    --desktop-header-height: 56px;
    --mobile-header-main-section-height: 56px;
    --hero: 119, 23, 255;
    
    &.is-home-page {
    	.layout-content-holder-bc>.hm-row-bc.has-slider {
    		order: -1;
    		margin-top: 12px !important;
    	}
    	.layout-content-holder-bc {
    		display: flex;
    		flex-direction: column;
    	}
    	.hm-row-bc:has(.storiesWidgetWrapper) {
    		margin-top: 24px !important;
    	}
    }
    
    .hdr-smart-panel-holder-arrow-bc {
      &:after {
        border-color: transparent transparent rgb(40, 40, 40);
      }

      .hdr-smart-panel-holder-bc {
        background: rgb(40, 40, 40);

        .sp-button-bc {
          background: none;
        }
      }
    }
    .layout-content-holder-bc {
      .hm-row-bc {
        &:first-child {
          margin-top: 12px;
        }
        &:not(:first-child) {
          margin-top: 24px;
        }
      }
      .special-games-container {
        .horizontal-sl-item-bc {
          min-width: 60px;
          height: 60px;
        }
      }
    }
    .layout-header-holder-bc {
      box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);

      .header-bc {
        background: #ffffff0f;
        height: 56px;

        .hdr-additional-info {
          display: none;
        }

        .hdr-main-content-bc {
          padding-inline: 12px;
          height: 56px;
          background: #0e0e0e;

          .logo-container {
            order: -2;
            .hdr-logo-bc {
              padding: 0px;
              max-height: 34px;
            }
          }

          .hdr-toggle-button-bc {
            width: 34px;
            height: 34px;
            border-radius: 34px;
            background: rgb(40 40 40);
            margin-inline-start: 8px;
            
            &:before {
              line-height: 34px;
              color: #ffffff66;
            }
          }

          .hdr-user-bc {
            .btn.sign-in {
              margin-inline-start: 24px;
              min-width: 54px;
              padding: 8px;
              height: 30px;
              border-radius: 4px;
              border: 1px solid #fff;
              color: #fff;
              font-family: Roboto;
              font-size: 12px;
              font-style: normal;
              font-weight: 600;
              line-height: normal;
              text-decoration: none;

              &:after {
                content: none;
              }
            }

            .btn.register {
              margin-inline: 8px 0;
              min-width: 72px;
              padding: 8px;
              height: 30px;
              border-radius: 4px;
              font-family: Roboto;
              font-size: 12px;
              font-style: normal;
              font-weight: 700;
              line-height: normal;
              text-decoration: none;
            }
          }

          .compact-mode.form-control-bc {
            &:after {
              content: none;
            }

            .form-control-label-bc.form-control-select-bc.inputs {
              padding-inline-start: 30px;

              .ftr-lang-bar-flag-bc + span {
                margin-inline: 0 10px;
                order: -1;
                color: #fff;
              }

              .ftr-lang-bar-flag-bc + span + i {
                margin-inline-start: 10px;
                color: #fff;
              }
            }
            .multi-select-label-bc {
              background: #1e2621;

              .checkbox-control-content-bc {
                background: #ffffff03;

                &.active {
                  background: #ffffff10;
                }
              }
            }
          }

          .infoTime {
            margin-inline: 30px 0;
            padding: 0;
            background: none;
            color: #fff;
            font-family: Roboto;
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;

            &:after {
              content: none;
            }
          }
        }
      }
    }

    .asideMenuContent {
      &:before {
        top: 0;
      }

      .asideMenuCompact,
      .asideMenuOpen {
        background: #303733;

        .asideMenuNavItem {
          background: none;
          border: none;

          .asideSubMenu {
            .asideMenuNavLink {
              background: none;

              .asideSubMenuNavTitle {
                color: rgba(var(--b-sc), 0.6);
              }

              .active > & .asideSubMenuNavTitle {
                color: #fff;
              }
            }

            .asideMenuNavGradient {
              &:before,
              &:after {
                background: none;
              }
            }
          }
        }
      }
    }

    &.is-home-page {
      .product-banner-container-bc {
        background: none;
        padding: 0px;
        margin: 0px 8px;
        gap: 0;
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 16px);
      }
      .product-banner-info-bc {
        display: flex;
        align-items: center;
        width: calc(25%);
        padding: 4px;
      }

      .view-see-more {
        color: #ffffff99;
        font-size: 16px;
        margin-inline-end: 0px;
      }

      .ftr-g-content-bc {
        .page-view-more {
            margin-bottom: 18px;
          
            .view-title-more {
               color: #FFFFFF;
               font-size: 16px;
               line-height: 16px;

              [lang="fa"] & {
                line-height: 20px;
              }
            }
        }
        .ftr-content {
          .carousel-count-arrow-container i {
            background: #ffffff0a;
          }
          .carousel {
            .carousel-container {
              .ftr-game-item-bc {
                background: none !important;

                .market-bc,
                .ftr-g-i-body-bc,
                .ftr-g-i-head-bc {
                  background: #ffffff0a;
                }
                .market-bc.active {
                  background: #7717FF;
                }
              }
            }
          }
        }
      }

      .popular-matches-bc {
        .view-title-more {
          color: #fff;
          font-size: 16px;
        }
        .horizontal-sl-item-bc {
          min-width: 60px;
          height: 60px;

          &:not(:empty) {
            background: #FFFFFF0A;
  
            &.active {
              background: #7717FF;
  
              .horizontal-sl-icon-bc {
                color: #fff;
              }
            }
          }
        }
        .info-live-prematch-icon-bc.bc-i-prematch {
          color: #d42537;
        }

        .widget-scroll-container {
          background: none;

          .bc-i-Soccer:before {
            content: none;
          }

          .market-filter-bc {
            background: #ffffff0f;
          }

          .market-filter-cell-bc > .market-filter-info-bc {
            background: #ffffff14;
          }

          .market-bc,
          .c-teams-bc,
          .c-info-more-bc,
          .c-info-content-bc {
            background: #ffffff0a;
          }

          .market-bc.active {
            background: #7717FF;
          }
        }

        .time-filters-bc {
          .time-filter-button-bc {
            background: transparent;
            border: 1px solid #fff;
            height: 36px;
          }
          li.time-filter-button-bc.btn.s-small.a-outline.a-white {
            background: #7717FF;
            color: #fff;
            border-color: #7717FF;
          }
        }
      }

      .games-content {
        .page-view-more {
          margin-bottom: 0px;

          .view-title-more {
            color: #FFFFFF;
            font-size: 16px;
            line-height: 16px;

            [lang="fa"] & {
              line-height: 20px;
            }
          }
        }
        .games-horiz {margin: 12px 0 0px 0px;
          margin: 12px 0 0px 0px;

          .games-horiz-scroll {
            grid-template-columns: repeat(9, 1fr);
            gap: 8px;
          }
        }
      }
    }

    .layout-footer-holder-bc {
      .footerWrapper {
        margin-top: 20px;
        padding: 0 12px;
        box-shadow: unset;

        .footerContainerWrapper {
          box-shadow: 0 1px rgba(var(--b-sc), .1) inset;

          
          .footerLinksSection:after {
            content: "";
            background: url(https://files.tutubet.store/betto.bet/Coins/1c0246df-1aa7-485a-a24c-21ae5e730000.avif);
            width: 150px;
            height: 85px;
            margin: 0 auto;
          }
          
          .footerLinksSection {
            padding-top: 32px;
            margin-bottom: 0;
            padding-bottom: 0;
          }

          .footerHeader {
            padding-top: 32px;
            padding-bottom: 32px;

            .footerTopButtonGroup {
              margin-bottom: 32px;
            }

            .footerSocialLinks {
              height: 32px;

              .footerSocialLink {
                margin: 0px;

                &:not(:first-child) {
                  margin-inline-start: 12px;
                }
              }
            }
          }
        }
      }

      .infoTime {
        background: none;
        color: #fff;
        margin: 0;
        padding: 0;
      }
      .footerLinkColLinks {
        flex-direction: column;
        align-items: center;

        .footerLinkColEl:after {
          content: none;
        }
      }
      .footerLinkCols {
        justify-content: flex-start;

        .footerLinkColTitle {
          color: #fff;
          margin-bottom: 12px;
        }

        .footerLinkColEl a {
          color: #ffffff99;
          line-height: 36px;
        }
      }

      .footerWarningAge {
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 20px;
        border-color: #7717FF;
        color: #7717FF;
      }
    }

    .hdr-nav-menu-holder-bc {
      .m-nav-items-list-item-bc {
        background: #ffffff0f;
      }
      .m-nav-info-w-container-bc .m-nav-icon-bc {
        background: none;

        &:after {
          background: none;
        }
      }
    }
    .layout-navigation-holder-bc {
      .tab-navigation-w-bc {
        .tab-nav-item-bc {
          &.active {
            .tab-nav-icon-bc {
              color: #7717FF;
            }
          }
        }
      }
    }
  }
}



.has-header-info:not(.world-cup,.has-wallet) .layout-content-holder-bc, .has-header-info-loyalty:not(.world-cup,.has-wallet) .layout-content-holder-bc {
  padding-top: var(--mobile-header-navigation-height) !important;
}



/*DSD-95, categories hiding*/
.horizontalCategoryItemWrp.asianGames,
.horizontalCategoryItemWrp.turkishTables, 
.horizontalCategoryItemWrp.brazilianTables, 
.horizontalCategoryItemWrp.indianTables {
    display: none;
}