@import url('/assets/styles/lato-ext.font-family.css');

body {
  font-family: "Lato", Helvetica, Verdana, sans-serif !important;
}

/*casino search*/
.standard-container .input-container .input-control::placeholder {
  /*background-color: var(--x-base-200) !important;*/
  /*.input-control {*/
  /*  background-color: var(--x-base-900) !important;*/
  /*}*/
  color: var(--x-text) !important;
}

.search .input-container {
  background-color: var(--x-base-300) !important;
}

.search .input-container .input-control {
  background-color: var(--x-base-300) !important;
}

.standard-container .input-container .icon-search {
  color: var(--x-text) !important;
  /*background-color: var(--x-base-200) !important;*/

  /*.input-control {*/
  /*  background-color: var(--x-base-900) !important;*/
  /*}*/

}

/*casino menu layout mobile*/
.groups-level-1-x-mobile {
  border: unset !important;
  padding-top: 16px;
}

.switcher-level-1-x-mobile .group-level-1-x-mobile {
  border: 1px solid var(--x-brand-500) !important;
  border-radius: 4px !important;
}

.group-level-1-x-mobile.search-group {
  background-color: var(--x-base-300) !important;
  border: unset !important;
  padding: 8px 10px !important;
}

.group-level-1-x-mobile.search-group.active {
  background-color: var(--x-primary-500) !important;
}

/*casino menu layout web */
.groups-switcher.switcher-level-1-x-web .group.group-level-1-x-web {
  padding: 8px 12px !important;
  border-radius: 4px !important;
  border: 1px solid var(--x-brand-500) !important;
}

.groups-switcher.switcher-level-1-x-web .group.group-level-1-x-web.active {
  background-color: var(--x-primary-500) !important;
}

.groups-switcher.switcher-level-1-x-web .group.group-level-1-x-web.active .menu-title {
  font-weight: bold !important;
  opacity: 1 !important;
}

.groups.groups-level-2-x-web {
  padding: 0 12px !important;
}

/*.switcher-level-1-x-web, .switcher-level-1-x-web-golden .group-level-1-x-web-golden {*/
/*  padding: 8px 12px !important;*/
/*  border-radius: 4px !important;*/
/*  border: 1px solid var(--x-brand-500) !important;*/
/*}*/


/*.active {*/
/*  background-color: var(--x-primary-500) !important;*/
/*}*/

/*casino show more*/
.grid-games-header .show-more .show-button {
  background-color: rgb(255, 255, 255, 0.25) !important;
  backdrop-filter: none !important;
  border-radius: 4px !important;
  border: none !important;
  padding: 4px !important;
  justify-content: center; /*why is this not in grid games by default??*/
}

.grid-games-header .show-more .show-button .icon-arrow-right {
  display: none !important;
}

.notification-dot, .ticket-count {
  background-color: var(--x-text-1100) !important;
  /*border:1px solid var(--x-second-custom-background-header)!important;*/
}

.groups-level-1-x-mobile {
  border-top: none !important;
}

.groups-level-1-x-web, .groups-level-1-x-web-golden {
  background: unset !important;
}

.web-navbar .menu-item.active {
  background-color: rgba(0, 0, 0, 0.15);
  border-bottom: none !important;
}

.icon-star-normal {
  color: var(--x-text-1100) !important;
}

/* casino grid games */
.grid-games-scrollable.x-web {
  padding: 0 8px !important;
}

.PromotionTile {
  padding: 0 !important;
}

.promotion-tile-games-header {
  padding: 0 !important;
}

.grid-games-header {
  padding: 0 12px !important;

  .show-more-level-2-WebConsumer {
    padding-right: 12px !important;
  }
}

/*79799*/
.ex-container {
  .ex-wrapper {
    background: unset !important;
    border: 1px solid var(--x-base-300) !important;
  }

  .active {
    background: var(--x-base-300) !important;
    border: 1px solid var(--x-primary-500) !important;
  }

  .ex-wrapper:focus {
    box-shadow: unset !important;
  }
}

.grid-container {
  .navigation-item-grid {
    background: unset !important;
    border: 1px solid var(--x-base-300) !important;
  }

  .navigation-item-grid.active {
    background: var(--x-base-300) !important;
    border: 1px solid var(--x-primary-500) !important;
  }
}

.row {
  .amount-container {
    .predefined-amounts {
      button {
        background: unset !important;
        border: 1px solid var(--x-base-300) !important;
      }

      .active {
        background: var(--x-base-300) !important;
        border: 1px solid var(--x-primary-500) !important;
      }
    }
  }
}

.providers-wrapper {
  .providers-container {
    background: unset !important;
    border: 1px solid var(--x-base-300) !important;
  }

  .providers-container.active {
    background: var(--x-base-300) !important;
    border: 1px solid var(--x-primary-500) !important;
  }
}

/*79799*/


/*79800*/
.group-level-1-x-mobile {
  margin-right: 8px !important;
}

.switcher-level-1-x-mobile {
  padding: 8px 12px !important;
}

.switcher-level-1-x-web {
  .group-level-1-x-web {
    margin-right: 8px !important;
  }
}

/*79800*/

/*79801*/
.groups .groups-switcher .group .menu-title {
  opacity: 1 !important;
}

/*79801*/

/*79802*/
.user-menu.menu {
  .menu-item.active {
    background-color: var(--x-base-300) !important;
    border-left: 4px solid var(--x-primary-500) !important;
  }

  .menu-item-grid.active {
    background-color: var(--x-base-300) !important;
    border: 1px solid var(--x-primary-500) !important;
  }
}

.page-wrapper.cms {
  background: var(--x-base-50) !important;
}

.sidebar-wrapper {
  .sidebar-group {
    .group-header {
      background-color: var(--x-base-0) !important;
      min-height: 40px;
      line-height: 40px;
      padding: 0 12px !important;
      text-transform: unset !important;
    }

    .group-item {
      background-color: var(--x-base-0) !important;
    }

    .group-item.messages {
      border-radius: 4px;
      border-bottom: unset;
    }

    .group-item.referrals, .group-item.sign-out, .group-item.transactions {
      border-bottom: unset;
    }

    .group-item.sign-out {
      background: var(--x-primary-500) !important;
      border-left: unset !important;
    }

    .group-item.active {
      background-color: var(--x-base-300) !important;
      border-left: 4px solid var(--x-primary-500) !important;
    }

    .group-item:hover {
      background-color: var(--x-base-100) !important;
      border-left: 4px solid var(--x-primary-500) !important;
    }

    .group-item.sign-out:hover {
      background-color: var(--x-primary-500) !important;
      border-left: unset !important;
      padding-left: 12px !important;
    }
  }
}

/*79802*/

/*79803*/
.radio-group-wrapper {
  .radio-group {
    border-radius: 4px !important;

    .left-border {
      border-top-left-radius: 4px !important;
      border-bottom-left-radius: 4px !important;
    }

    .right-border {
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important;
    }
  }
}

/*79803*/

/*79806*/
.form-checkbox-wrapper {
  .form-checkbox {
    border-radius: 4px;
  }
}

/*79806*/

/*79809*/
@media screen and (min-width: 768px) {
  .switcher-container.tab-container {
    border-radius: 4px;
    .switch-btn {
      min-width: 120px !important;
      margin: unset !important;
    }

    .switch-btn {
      border-radius: 4px;
      padding: 4px 8px;
      color: white;
    }

    .switch-btn.active {
      background-color: var(--x-primary-500);
    }

    .switch-btn.active:hover {
      background: var(--x-primary-500);
    }
  }
}

@media screen and (max-width: 768px) {
  .switcher-container.tab-container {
    border-radius: 4px;
    .switch-btn {
      border-radius: 4px;
      padding: 8px;
      color: white;
    }

    .switch-btn.active {
      background-color: var(--x-primary-500);
    }
  }
}

/*79809*/

/*79816*/
.campaign {
  .content {
    .show-details {
      border: none !important;
      color: var(--x-light) !important;
      font-size: 13px;
    }
  }
}

/*79816*/

/*79812*/
.campaigns {
  .show-details {
    border-radius: 4px !important;
  }
}

/*79812*/

/*79176*/
@media screen and (min-width: 1024px) {
  .homeHighlighted {
    .bet-info.odds, .bet-info.name {
      color: var(--x-light) !important;
    }
  }
}


/*79176*/