:root {
  /* Banners */

  --global-banner-height: 115px;
  --global-transition: 0.3s ease;
  --toastify-toast-width: auto !important;

  /* Gradients */

  --global-color-linear-primary: #1c5a8e;
  /* Header / Nav Bar */

  --global-color-header-top-background: #172b45;
  --global-color-header-background: #0b2f5b;
  --global-color-header-text_unselected: #ffffff;
  --global-color-header-text_selected: #faff00;

  /* Sidebar Menu */

  --global-color-sidebar-background: #172b45;
  --global-color-sidebar-selection: #172b45;
  --global-color-sidebar-text: #ffffff;
  --global-color-sidebar-field-selected: rgba(0, 0, 0, 0.07);
  --global-color-sidebar-field-selected-stroke: #0b132b;
  --global-color-sidebar-chat_icon-background: #2174b9;
  --global-color-sidebar-shade_primary: #0b132b;
  --global-color-sidebar-collapse_button_background: #0b2f5b;
  --global-color-sidebar-collapse_icon: #ffffff;
  --global-color-sidebar-icons: #fff;

  /* Trader Chat */

  --global-color-trader_chat-shade_primary: #ffffff;
  --global-color-trader_chat-shade_secondary: #2174b9;
  --global-color-trader-chat-text_primary: #2b2f34;
  --global-color-trader_chat-text_secondary: #ccd1d5;
  --global-color-trader-chat-bubble_primary: #d2e4eb;
  --global-color-trader-chat-bubble_secondary: #ebebeb;
  --global-color-trader-chat-disabled: #6d6d6d;
  --global-color-trader-chat-text_timedate: rgba(127, 128, 129, 1);
  --global-color-trader-chat-stroke: rgba(237, 237, 237, 1);

  /* Label / Placeholder */

  --global-color-label-background: #253d5c;
  --global-color-label-bacground-secondary: #253d5c;
  --global-color-label-text_active: #ffffff;
  --global-color-label-stroke: #1c5a8e;
  --global-color-label-text_inactive: #bababa;
  --global-color-label_title: #ffffff;
  --global-color-label_icon: #ffffff;

  /* Footer */

  --global-color-footer-background: #172b45;
  --global-color-footer-text-primary: #ffffff;
  --global-color-footer-text-secondary: #bcbcbc;
  --global-color-language-selector: #364f6f;

  /* Account Navbar */

  --global-color-account_navbar-background: #164f7e;
  --global-color-account_navbar-icon-background: #d6c08f;
  --global-color-account_navbar-text: #ffffff;
  --global-color-account_navbar-icon: #ffffff;

  /* Carousel */
  --global-color-carousel-text: #ffffff;
  --global-color-carousel-dots_active: #2174b9;
  --global-color-carousel-dots_inactive: #ffffff;
  --global-color-carousel_background: #172b45;

  /* Links */

  --global-color-links-background: #2174b9;
  --global-color-links-text: #ffffff;

  /* Casino */

  --global-color-casino-footer_background: #172b45;
  --global-color-casino_background: #172b45;
  --global-color-casino-text_primary: #ffffff;
  --global-color-casino-text_secondary: #ffffff;
  --global-color-casino-shade_primary: #364f6f;
  --global-color-casino-shade_secondary: #262522;
  --global-color-casino-trending_background: #2174b9;
  --global-color-casino-trending_text: #ffffff;
  --global-color-casino-trending_shade_primary: #808080;
  --global-color-casino-trending_shade_secondary: #cccccc;

  --global-color-casino-gamelist-header-background: #253d5c;
  --global-color-casino-gamelist-header-text: #fff;

  /* Buttons */

  --global-color-button-active: linear-gradient(
    180deg,
    #1c5a8e 0%,
    #1c5a8e 100%
  ); /* + */
  --global-color-button-inactive: #253d5c;
  --global-color-button-text_active: #ffffff;
  --global-color-button-text_inactive: #bababa;
  --global-color-button-social_login_text: #353a40;
  --global-color-button-social_login_background: #ffffff;
  --global-color-button-price_boost_background: #1c5a8e;
  --global-color-button-white: #fff;

  /* Chips */

  --global-color-chip-round_background-selected: #2174b9;
  --global-color-chip-round_background-unselected: #364f6f;
  --global-color-chip-round_text-selected: #ffffff;
  --global-color-chip-round_text-unselected: #ffffff;
  --global-color-chip-cube_background-selected: #353a40;
  --global-color-chip-cube_background-selected2: #2174b9;
  --global-color-chip-cube_background-unselected: #364f6f;
  --global-color-chip-cube_text-unselected: #ffffff;
  --global-color-chip-cube_text-selected: #2174b9;
  --global-color-chip-cube_text-selected2: #ffffff;

  /* Betslip */

  --global-color-betslip-background: #172b45;
  --global-color-betslip-header: #0b2f5b;
  --global-color-betslip-remove_wrapper: #364f6f;
  --global-color-betslip-balance-background: #647f98;

  --global-color-betslip-text_primary: #ffffff;
  --global-color-betslip-text_secondary: #bcbcbc;
  --global-color-betslip-text_tertiary: #353a40;
  --global-color-betslip-text_tenary: #fdc500;
  --global-color-betslip-text_octanary: #b19e71;

  --global-color-betslip_description: #1c5a8e;
  --global-color-betslip_description_selected: #2174b9;
  --global-color-betslip-mybets_button_selected: #2174b9;
  --global-color-betslip-mybets_button: #1c5a8e;
  --global-color-betslip_description-text_primary: #fff;
  --global-color-betslip_description-text_secondary: #bcbcbc;

  --global-color-betslip-live_event: #faff00;
  --global-color-betslip-title_text: #ffffff;
  --global-color-betslip-market_text: #fadb14;
  --global-color-betslip-event_text: #ffffff;
  --global-color-betslip-stake_amount: #ffffff;
  --global-color-betslip-returns: #ffffff;
  --global-color-betslip-selection: #172b45;
  --global-color-betslip-stake_input: #ffffff;
  --global-color-betslip-background_secondary: #172b45;

  --global-color-betslip-button_primary: #2174b9;
  --global-color-betslip-button_secondary: #253d5c;
  --global-color-betslip-button_tertiary: #647f98;

  --global-color-betslip-button-text_primary: #fff;
  --global-color-betslip-button-text_secondary: #fff;
  --global-color-betslip-button-text_tertiary: #fff;

  --global-color-betslip-shade_primary: #364f6f;
  --global-color-betslip-starting_price: #e2e9f0;
  --global-color-betslip-offer: #ad0e3e;
  --global-color-betslip-info: #2174b9;
  --global-color-betslip-green: #1a835c;

  --global-color-betslip-price-text: #fff;
  --global-color-betslip-price-text_secondary: #353a40;
  --global-color-betslip-price-text_suspended: #bcbcbc;

  --global-color-betslip-price_odd: #2174b9;
  --global-color-betslip-price_shorten: #bbf3c7;
  --global-color-betslip-price_drift: #f6afaf;
  --global-color-betslip-price_suspended: #4c4f55;

  --global-color-betslip-free-credit_background: #172b45;
  --global-color-betslip-free-credit_background_active: #00a86b;
  --global-color-betslip-free-credit_background_disabled: #172b45;
  --global-color-betslip-free-credit_background_warning: #ad0e3e;

  --global-color-betslip-free-credit_text: #fff;
  --global-color-betslip-free-credit_text_active: #fff;
  --global-color-betslip-free-credit_text_disabled: #979797;
  --global-color-betslip-free-credit_text_warning: #fff;

  /* Notification */

  --global-color-notification-background: #353a40;
  --global-color-notification-text: #ffffff;
  --global-color-notification-alert_error: #e20b5c;
  --global-color-notification-alert_success: #036fee;
  --global-color-notification-alert_error_v2: #cd3546;

  /* Price */

  --global-color-price-text: #bcbcbc;
  --global-color-price-shortening: #17723c;
  --global-color-price-drifting: #cf1322;
  --global-color-price-suspended: #4c4f55;
  --global-color-price-selected: #2174b9;
  --global-color-price-boost: #ffff00;
  --global-color-price-text-superboost: #0b2f5b;
  --global-color-price-superboost: #00ffff;

  /* Odds Box */
  --global-color-price-text-primary: #fff;
  --global-color-price-text-selected: #fff;
  --global-color-price-text-suspended: #bcbcbc;
  --global-color-price-background-primary: #364f6f;

  /* Settings */

  --global-color-settings-text_primary: #ffffff;
  --global-color-settings-text_secondary: #ffffff;
  --global-color-settings-text_required: #e20b5c;
  --global-color-settings-text_quartenary: #fdc500;
  --global-color-settings-shade_primary: #364f6f;
  --global-color-settings-shade_secondary: #1b1c21;
  --global-color-settings-shade_tertiary: #2174b9;
  --global-color-settings-shade_quartenary: #ffffff;
  --global-color-settings-shade_tenary: #172b45;
  --global-color-settings-shade_octanary: #172b45;
  --global-color-settings-shade_nonary: #414851;
  --global-color-settings-button_text: #2b2f34;
  --global-color-settings-button_lightgold: #d6c08f;
  --global-color-settings-button_blue: #1799c3;
  --global-color-settings-button_green: #34b280;
  --global-color-settings-button_grey: #6d6d6d;
  --global-color-settings-button_gold: #2174b9;
  --global-color-settings_line: rgba(245, 196, 81, 0.1);
  --global-color-payment-text: #ffffff;

  /* Sports Table */

  --global-color-table-background: #1b1c21;
  --global-color-table-header-primary: #253d5c;
  --global-color-table-header-secondary: #172b45;
  --global-color-table-header-tertiary: #172b45;
  --global-color-table-header-quartenary: #1c5a8e;

  --global-color-table-grid-background: #253d5c;
  --global-color-table-grid-header-footer: #172b45;
  --global-color-table-grid-border-header-footer: #172b45;
  --global-color-table-grid-border: #172b45;

  --global-color-table-text-primary: #ffffff;
  --global-color-table-text-secondary: #ababab;
  --global-color-table-text-tertiary: #ffffff;
  --global-color-table-text-subtitle: #ffffff;

  --global-color-table-text-odds-primary: #ffffff;
  --global-color-table-text-odds-secondary: #ffffff;
  --global-color-table-text-vs-background: #364f6f;
  --global-color-table-event_info-text: #ffffff;
  --global-color-table-event_name-text: #ffffff;
  --global-color-table-shade_primary: #8fb9d6;
  --global-color-table-price-history: #faff00;

  /* Main Colors */

  --global-color-secondary: #8fb9d6;
  --global-color-caret: #ffffff;
  --global-color-main-icon_primary: #ffffff;
  --global-color-main-icon_secondary: #2174b9;
  --global-color-main-icon_tertiary: #fff;
  --global-color-main-icon_quartenary: #2f3338;
  --global-color-main-icon_logout: #ffffff;
  --global-color-main-icon_verification: #ffffff;

  --global-color-main-text_primary: #ffffff;
  --global-color-main-text_secondary: #2174b9;
  --global-color-main-background_primary: #2174b9;
  --global-color-main-background_secondary: #0b132b;
  --global-color-main-background_tertiary: #172b45;
  --global-color-main-inital_state: #bababa;
  --global-color-main-validation_state_dots: #2174b9;
  --global-color-main-validation_state_text: #ffffff;

  /* Gaming Logo */

  --global-color-gaming-logo_secondary: #ffffff;
  --global-color-gaming-logo_primary: #2174b9;

  /* Text */

  --global-color-text-secondary: #bcbfc2;
  --global-color-text-tertiary: #2174b9;

  /* Skeleton */

  --global-color-skeleton-background: #172b45;
  --global-color-skeleton-wave: #213959;
  --global-color-skeleton-background-light: #12243c;
  --global-color-skeleton-wave-light: #364f6f;
  --global-color-skeleton-background-primary: #b89239;
  --global-color-skeleton-wave-primary: #2174b9;

  /* Background */

  --global-color-background-quaternary: #253d5c;
  --global-color-background-quinary: #253d5c;

  /* Shade */
  --global-color-shade-dark: #191919;
  --global-color-shade4: #6d6d6d;
  --global-color-shade6: #2e3034;
  --global-color-shade8: #45494f;
  --global-color-shade9: #676767;

  /* Odds */
  --global-color-suspended-button: #faff00;
  --global-color-main-button: #fff;
  --global-color-odds-text-tertiary: #bcbfc2;
  --global-color-odds-shade-secondary: #e2e9f0;

  /* Payment */
  --global-color-payment-background: #212529;

  /* Auth */
  --global-color-auth-text: #cecfd2;
  --global-color-auth-placeholder: #85888e;
  --global-color-auth-button: #667d9b;

  /* Checkbox */
  --global-color-checkbox-border: #fff;
  --global-color-checkbox-background: #fff;
  --global-color-checkbox-check: #2174b9;
  --global-color-toggle-default: #bababa;
  --global-color-toggle-active: #2174b9;
  --global-color-toggle-circle: #fff;

  /* Login v2 */
  --login-color-background_primary: #0b132b;

  --login-color-text_primary: #fff;
  --login-color-text_secondary: #cecfd2;

  --login-color-label_primary: #cecfd2;
  --login-color-input-text_primary: #cecfd2;
  --login-color-input-background: #353a40;
  --login-color-input-placeholder: #85888e;

  --login-color-button-text-primary: #ffffff;
  --login-color-button_enabled: #036fee;
  --login-color-button_disabled: #667d9b;

  --login-color-link_active: #036fee;
  --login-color-link_disabled: #85888e;

  --login-color-icon: #001432;
  --login-color-icon-border: #85888e;
}

.headerItem img {
  transition: 0s;
}

.sports-header-link {
  font-weight: 600;
}

.signInImage {
  background: var(--global-color-main-background_secondary);
  background-image: none;
}

.casinoCarousel {
  background: transparent;
  margin: 16px;
}

.casino-search {
  background-color: var(--global-color-casino-shade_primary);
  border-radius: 4px;
}

.skeleton:has(.banner-menu),
.footer-container-wrapper {
  max-width: calc(100% - 32px);
  margin: 16px;
  margin-bottom: 0;
}

.skeleton .banner-menu-content {
  margin: 0;
  width: 100%;
}

.match-result-soccer-vs {
  color: var(--global-color-header-background);
}

.horse-form-card {
  background-color: var(--global-color-main-background_tertiary);
}

.buttons-of-bets,
.bet-slip-description {
  border-color: var(--global-color-betslip-background) !important;
}

.button.menu-link,
.button,
.password_input,
.login-buttons,
.notification-button,
.depositLimit-input,
.betHistoryMenu,
.button.banner-menu-button,
.infoDiv,
.promosFilteringHeader,
.deposit-input {
  border-radius: 4px;
}

.casinoMenu .skeleton {
  border-radius: 4px !important;
}

.casinoMenu {
  height: 54px;
  padding-bottom: 0;
}

.d-flex.casinoMenu {
  height: 74px;
  padding-bottom: 18px;
}

.promosInfoBlock {
  border-radius: 0 0 4px 4px;
}

.switch.container-variant.checked,
.user-profile .user-profile-icon {
  background-color: var(--global-color-main-icon_secondary);
}

.slick-dots {
  position: static;
  background: var(--global-color-table-grid-header-footer);
  gap: 4px;
}

.custom-accordion-content {
  background: transparent;
}

.carousel-wrapper .slick-dots li button {
  width: 24px;
  height: 4px;
  padding: 0;
  border-radius: 10px;
  background-color: var(--global-color-carousel-dots_inactive);
}

.slick-dots li.slick-active button {
  background-color: var(--global-color-carousel-dots_active);
}

.slick-dots button:before {
  display: none;
}

.slick-dots li {
  display: flex;
  align-items: center;
}

.slider-item-content .button {
  height: 36px;
  border-radius: 2px;
  background-color: var(--global-color-chip-round_background-unselected);
}

.bet-slip-description,
.selected-myBets {
  color: #ffffff;
}

.price-history circle {
  stroke: var(--global-color-table-price-history);
  fill: var(--global-color-table-price-history);
}

.price-history path {
  stroke: var(--global-color-table-price-history);
}

.price .matchOdds {
  margin: 0 8px;
  min-width: auto;
}

.horse-matches {
  margin-bottom: 0;
}

.imageContainer {
  margin-bottom: 16px;
}

.odds-of-horse .matchOdds,
.matchOdds {
  min-width: 80px;
  height: 27px;
  display: flex;
  align-self: center;
  overflow: hidden;
  border-radius: 2px;
  border: 0;
}

.gameImageWrapper.unableToPreview,
.casinoGame,
.gameImageWrapper,
.skeleton {
  border-radius: 2px;
}

.ChatBottomWrapper {
  background-color: var(--global-color-sidebar-shade_primary);
  border-right: 1px solid var(--global-color-sidebar-selection);
}

.odds-of-horse {
  border-bottom: 1px solid var(--global-color-table-grid-border);
  border-right: 1px solid var(--global-color-table-grid-border);
  padding: 0 12px;
}

.events-container,
.odds-of-events,
.text-of-events,
.race-table-row > :not(:last-child),
.match-event-selection,
.racing-item-runner {
  border-right: 0;
}

.dynamic-selections-button {
  background: transparent;
  border-radius: 2px;
  height: 36px;
}

.casinoCarousel,
.dynamic-selections .matchOddsContainer {
  border: 0;
  padding: 0;
}

.containerOfSelectionsSports {
  min-width: 90px;
  padding: 0 4px;
}

.selected-bet-container {
  border-bottom: 1px solid var(--global-color-main-background_secondary);
}

.containerOfMultiBets {
  border-bottom: 0;
}

.dynamic-selections .matchOdds {
  height: 36px;
  border: 0;
}

.containerOfSelections {
  width: 100%;
}

.odds > * {
  border-left: 0;
}

.rowBetsOdds {
  padding-right: 4px;
}

.headerOfGames .matchOdds {
  height: 100%;
}

.eventRace-odds {
  width: auto;
  border-left: 0;
}

.eventRace-selection {
  border: 0;
  border-bottom: 1px solid var(--global-color-table-grid-border);
  margin-right: 0;
}

.banner-menu-content {
  background: var(--global-color-table-grid-header-footer);
  margin: 16px;
  margin-bottom: 0;
  width: calc(100% - 32px);
}

.bet-slip-content > :not(:last-child),
.banner-menu {
  margin-bottom: 1px !important;
}

.standart-widget-wrapper,
.sports-table-sports {
  margin-top: 0px;
}

.gameImageWrapper .skeleton,
.casinoCarousel .skeleton {
  border-radius: 0 !important;
}

.slider-image-container > .skeleton,
.slider-image-container:has(.skeleton) {
  height: 172px !important;
}

.standart-widget-bet,
.sports-table-sports,
.horse-matches,
.slide-img {
  border-radius: 0;
}

.dropdown-toggler.contained {
  background-color: var(--global-color-chip-cube_background-unselected);
}

.inPlayPlaceBet {
  width: 92px;
}

.markets-container-content .custom-accordion-content {
  background: var(--global-color-table-header-primary);
}

.standart-widget {
  grid-gap: 1px;
}

.standart-widget-wrapper .odds-of-events .matchOdds {
  border-radius: 4px;
}

.standart-widget-wrapper .odds-of-events {
  margin-right: 12px;
}

.my-bets-container {
  margin-top: 1px;
}

.termsPolicyLink {
  color: #faff00;
}

.headerItem:hover img,
.headerItem.active img {
  filter: brightness(0) saturate(100%) invert(83%) sepia(93%) saturate(3243%)
    hue-rotate(10deg) brightness(106%) contrast(106%);
}

@media (max-width: 1024px) {
  .dateandtimeofmatchinfootball {
    background: var(--global-color-table-header-quartenary);
  }

  .containerOfSelectionsSports {
    min-width: 70px;
  }

  .banner-menu-content,
  .casinoCarousel,
  .footer-container-wrapper {
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }

  .matchOdds {
    height: 34px;
    min-width: auto;
  }

  .match-score {
    height: 34px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobileMatchContainer {
    padding-right: 8px;
  }

  .selectionName {
    width: 72px;
  }

  .footer-container-div {
    padding: 12px;
  }

  .footerContainerMenu {
    padding-top: 0 !important;
  }

  .odds > :not(:first-child) {
    border-left: 0;
  }

  .team-result-soccer {
    color: var(--global-color-header-background);
  }

  .markets-container-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .skeleton:has(.banner-menu),
  .footer-container-wrapper {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  .slider-item-content {
    width: calc(100% - -6px);
  }
}

.pageContentAccordionWrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.checkboxContainer {
  position: relative;
}
.pageContentAccordion {
  display: flex;
  flex-direction: column;
  position: relative;
}
.pageContentAccordion input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.pageContentAccordion label {
  background: var(--global-color-table-header-primary);
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  position: relative;
}
.pageContentAccordion .panel {
  display: none;
  padding-top: 16px;
  padding-left: 16px;
}
.pageContentAccordion input:checked ~ .panel {
  display: block;
}
.pageContentAccordion .arrow {
  position: absolute;
  right: 16px;
  top: 15px;
  width: 10px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  padding: 3px;
  user-select: none;
}
.pageContentAccordion .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all 0.3s;
  margin-top: -4px;
}
.pageContentAccordion input:checked ~ .down {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: 0px;
}

/* Read More Button */
#read-more-text,
#read-less-text {
  color: #000;
  font-size: 12px;
}

#read-more-btn {
  background-color: #ccc;
  background-image: none;
  border-radius: 4px;
  padding: 6px;
}
