.login {
  background: url("/img/home.jpg") no-repeat center #021018;
  color: #fff;
  display: table;
  width: 100%;
  height: 100%;
  background-size: cover;
}

.login-holder {
  display: table-cell;
  vertical-align: middle;
  padding: 90px 10px;
}

.login-content {
  background: #03324a;
  padding: 25px 30px;
  max-width: 350px;
  border-radius: 12px;
  margin: 0 auto;
  position: relative;
  left: 20%;
}

.login-input {
  height: 44px;
  width: 100%;
  outline: none;
  background: #e6e7e8;
  padding: 13px;
  border: none;
  font-size: 16px;
  color: #03324a;
  transition: all 0.3s;
}

.login-input:focus {
  background-color: #fff;
}

.login-input::placeholder {
  color: #03324a;
  opacity: 0.8;
}

.login-btn {
  background: #768e20;
  color: #000;
  height: 44px;
  border: none;
  font-weight: bold;
  font-size: 17px;
  width: 100%;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s;
}

.login-btn:hover {
  background: #8bad12;
}

.login-row {
  margin-bottom: 15px;
}

.login-title {
  color: #8bad12;
  font-weight: bold;
  margin: 0 0 10px;
  font-size: 20px;
}

.login-label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.login-form {
  padding-top: 20px;
}

.login-logo {
  background: no-repeat center bottom;
  width: 396px;
  height: 121px;
  position: absolute;
  top: -84px;
  left: -10px;
  background-size: 100%;
}

.login-error div {
  padding: 5px;
  text-align: center;
  background: #cd0100;
}

.login-group {
  position: relative;
}

.login-group input {
  padding-left: 50px;
}

.login-group i {
  position: absolute;
  width: 24px;
  z-index: 1;
  height: 24px;
  left: 13px;
  top: 8px;
}

.icon icon-password {
  background: url("/img/password.svg") center no-repeat;
}

.icon icon-user-login {
  background: url("/img/user.svg") center no-repeat;
}

@media (max-width: 768px) {
  .login-content {
    left: auto;
  }
}
@media (max-width: 426px) {
  .login-logo {
    width: 100%;
  }
}
.theme-betmaxo {
  --games_container: #222222;
  --games_gradient_clear: linear-gradient(155deg, rgba(30, 42, 39, 0.75), rgba(19, 61, 48, 0.7));
  --games_primary: #005340;
  --games_secondary: #3a7267;
  --games_tertiary: #03273a;
  --games_background_primary: #282828;
  --games_background_secondary: #333333;
  --games_background_tertiary: #404040;
  --nav_menu_background: #474747;
  --games_main_border: #9197a0;
  --games_secondary_border: #90969f;
  --light_hover: #00dfa9;
  --white: #ffffff;
  --black: #000000;
  --search: #3d3d3d;
}

.theme-goal95_default {
  --games_gradient_clear: linear-gradient(155deg, rgba(3, 39, 58, 0.75), rgba(2, 65, 97, 0.7));
  --games_primary: #03273a;
  --games_secondary: #024161;
  --games_tertiary: #414e63;
  --games_background_primary: #021621;
  --games_background_secondary: #333333;
  --games_background_tertiary: #404040;
  --games_main_border: #9197a0;
  --games_secondary_border: #90969f;
  --light_blue: #1482b4;
  --light_hover: #7bd1ff;
  --white: #ffffff;
  --black: #000000;
}

/* Desktop Version */
.app-desktop {
  /* Casino Types */
  /* Buttons */
  /* Games Layouts */
  /* Navigation */
  /* Dropdowns */
  /* Vendors Navbar */
  /* Permissions Messages (Casino) */
  /* Casino */
  /* Search Results */
  /* Casino Games */
  /* Scroll Top (?) */
  /* Casino Open */
}
.app-desktop .casino-container {
  width: 100%;
  height: 100%;
  column-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: flex-start;
  align-content: flex-start;
  /* Gaps */
  gap: 10px;
}
.app-desktop .casino-container .types-navigation {
  width: 100%;
  height: 100%;
  min-width: 180px;
  overflow-y: auto;
}
.app-desktop .casino-container .types-navigation .category-type {
  min-height: 40px;
}
.app-desktop .casino-container .types-navigation .category-type .types-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 5px;
}
.app-desktop .casino-container .casino-main-wrapper {
  width: calc(100% - 200px);
}
.app-desktop .casino-container .view {
  width: 100%;
}
.app-desktop .casino-container .casino-slides {
  width: 100%;
}
.app-desktop .casino-container .casino-slides .swiper-slide {
  cursor: pointer;
}
.app-desktop .casino-container .casino-slides .swiper-slide .slide-image {
  width: 100%;
  border-radius: 6px;
}
.app-desktop .casino-container .casino-wrapper {
  width: 200px;
  height: 100%;
  position: initial;
  padding: 10px;
}
.app-desktop .type-section, .app-desktop .type, .app-desktop .vendor {
  height: 50px;
  margin-top: 10px;
  margin-bottom: 2px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .type-section {
  background-color: unset;
  border: none;
  box-shadow: unset;
}
.app-desktop .games-in-type {
  overflow: auto;
  padding: 10px 5px;
}
.app-desktop .type-title {
  text-transform: capitalize;
  flex: 1;
  cursor: pointer;
}
.app-desktop .types-image img {
  padding: 5px;
  width: 30px;
  margin-right: 5px;
  filter: drop-shadow(2px 4px 6px rgba(17, 17, 17, 0.4666666667));
}
.app-desktop .btn-quick {
  flex: 0 0 auto;
}
.app-desktop .game-cards {
  position: relative;
  width: 100%;
  padding-bottom: 10px;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop .game-cards .games-list {
  overflow: auto;
  position: relative;
}
.app-desktop .game-cards .nav-buttons .nav-left, .app-desktop .game-cards .nav-buttons .nav-right {
  position: relative;
  transform: unset;
}
.app-desktop .games-list-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1.6rem;
}
.app-desktop .games-list-grid .game-card {
  width: 100%;
}
.app-desktop .games-list-grid .game-card .game-pic {
  width: 150px;
  height: 150px;
}
.app-desktop .games-list-grid .game-card .game-pic img, .app-desktop .games-list-grid .game-card .game-card-body {
  width: 100%;
}
.app-desktop .filtered-games {
  margin: 0.85rem 0;
}
.app-desktop .filtered-games .more-btn {
  width: 100%;
  height: 100%;
  padding: 10px;
  border-top: 1px solid var(--main-border-color);
  text-transform: uppercase;
  font-weight: 500;
  font-style: italic;
  background: transparent;
  border-radius: 8px;
  display: block;
  justify-content: center;
}
.app-desktop .game-cards:has(.game-line) {
  overflow: hidden;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop .game-line, .app-desktop .filtered-game-cards {
  width: calc(100% - 130px);
  margin: 5px 0;
  display: flex;
  gap: 20px;
}
.app-desktop .game-line {
  grid-auto-flow: column;
  grid-auto-columns: 200px;
}
.app-desktop .game-line.type-add {
  grid-template-columns: repeat(6, 1fr);
  grid-auto-flow: row;
}
.app-desktop .filtered-game-cards {
  position: relative;
  grid-auto-flow: row;
  justify-content: start;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.app-desktop .games-search-results {
  padding: 10px;
}
.app-desktop .game-card {
  min-width: 160px;
  position: relative;
  border-radius: 10px;
}
.app-desktop .game-card .game-card-body {
  width: 100%;
  row-gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: flex-start;
  align-content: flex-start;
  /* Gaps */
}
.app-desktop .game-card .game-card-body .game-image {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  position: relative;
}
.app-desktop .game-card .game-card-body .game-image .game-pic {
  height: 100%;
  width: 100%;
  position: relative;
  max-height: 160px;
  overflow: hidden;
  border-radius: 10px;
  transition: 0.3s ease-in-out;
}
.app-desktop .game-card .game-card-body .game-image .game-pic img {
  width: 100%;
  height: 100%;
  min-height: 150px;
  display: block;
  border-radius: 10px;
  transition: 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
}
.app-desktop .game-card .game-card-body .game-image .game-hover {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.368627451);
  transition: all 0.3s ease;
  opacity: 0;
  padding: 5px 10px;
  gap: 5px;
  border-radius: 10px;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .game-card .game-card-body .game-info {
  width: 100%;
}
.app-desktop .game-card .game-card-body .game-info .title {
  width: 100%;
  height: auto;
  color: var(--main-color);
  font-size: 1rem;
  font-weight: 600;
}
.app-desktop .game-card .game-card-body .game-info .description {
  width: 100%;
  height: auto;
  color: var(--main-color);
  opacity: 0.9;
  font-size: 0.875rem;
  font-weight: 400;
}
.app-desktop .game-card:hover .game-image .game-hover {
  opacity: 1;
}
.app-desktop .game-card:hover .game-image .game-pic img {
  transform: translate(-50%, -50%) scale(1.1);
}
.app-desktop .games-home {
  width: 100%;
  max-width: calc(100svw - 20px);
}
.app-desktop .games-quick-btns-container {
  gap: 10px;
  padding: 6px;
  width: 100%;
  border-radius: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .games-quick-btns-container .games-quick-btns {
  height: 100%;
  width: 100%;
  gap: 10px;
  position: relative;
  overflow: auto;
  padding: 0 15px;
}
.app-desktop .games-quick-btns-container .games-quick-btns .nav {
  padding: 6px;
  position: relative;
  list-style: none;
  margin: 0;
  gap: 10px;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .games-quick-btns-container .games-quick-btns .nav .btn-quick {
  flex: 0 0 20%;
  padding: 10px;
  height: 52px;
  background: transparent;
}
.app-desktop .games-quick-btns-container .games-quick-btns .nav .btn-quick.active {
  box-shadow: 0px 0px 0 1px var(--games_secondary);
}
.app-desktop .games-quick-btns-container .games-quick-btns .nav .btn-quick .types-image {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .games-quick-btns-container .games-quick-btns .nav .btn-quick .types-image img {
  width: 1.2rem;
  height: 1.2rem;
}
.app-desktop .games-quick-btns-container .games-quick-btns .nav .btn-quick .types-image .type-name {
  font-size: 0.75rem;
}
.app-desktop .games-quick-btns-container .games-quick-btns .nav .btn-quick .game-vendor-logo {
  min-width: 100px;
  max-width: calc(100% - 20px);
  object-fit: contain;
}
.app-desktop .games-quick-btns-container .games-quick-btns.mini .nav .btn-quick {
  flex: none;
  padding: 7px 10px;
  height: auto;
  background: transparent;
  color: var(--main-color);
}
.app-desktop .games-quick-btns-container .games-quick-btns.mini .nav .btn-quick .types-image {
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .games-quick-btns-container .games-quick-btns.mini .nav .btn-quick.active {
  box-shadow: 0px 0px 0 1px var(--games_secondary);
}
.app-desktop .games-quick-btns-container .buttons-container {
  width: 100%;
}
.app-desktop .games-quick-btns-container .buttons-container .games-search {
  position: relative;
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .games-quick-btns-container .buttons-container .games-search .selected-option {
  width: 100%;
  cursor: pointer;
  padding: 10px;
  border: none;
  background: var(--search, var(--games_primary));
  color: #7b8088;
  border-radius: 35px;
  position: relative;
  z-index: 12;
  line-height: 1.4;
}
.app-desktop .games-quick-btns-container .buttons-container .games-search .search-input {
  color: var(--main-color);
  flex: 1 0 75%;
  padding: 0.65rem;
  border-radius: 6px;
  box-shadow: 0 0 10px 0 var(--bg-muted);
  background: var(--cards-bg-color);
}
.app-desktop .games-quick-btns-container .buttons-container .games-search .btn-search {
  cursor: pointer;
  position: absolute;
  left: 0;
  z-index: 12;
  transition: 0.3s ease-in-out;
  flex: 1 0 auto;
  text-transform: capitalize;
  text-align: center;
  top: 50%;
  width: 40px;
  border-radius: 50%;
  color: var(--white);
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 800;
}
.app-desktop .games-section .games-cards-container {
  position: absolute;
  padding: 40px 0;
  display: grid;
  grid-template-columns: repeat(7, minmax(150px, 1fr));
  direction: rtl;
  gap: 0;
  width: 106.5rem;
  overflow: hidden;
  margin: auto 0 auto auto;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
.app-desktop .games-list-container {
  position: relative;
}
.app-desktop .games-list-container .nav-buttons {
  position: absolute;
  top: 50%;
  z-index: 100;
  width: 100%;
  display: none;
  transform: translateY(-60px);
  transition: 0.3s;
}
.app-desktop .games-list-container:hover .nav-buttons {
  display: flex;
}
.app-desktop .games-list-container .nav-buttons .btn {
  width: 60px !important;
  height: 60px !important;
}
.app-desktop .games-list-container .nav-buttons .btn .fas {
  font-size: 4rem !important;
}
.app-desktop .games-list-container .nav-buttons .nav-left {
  font-size: 32px;
  position: absolute !important;
}
.app-desktop .games-list-container .nav-buttons .nav-right {
  font-size: 32px;
  position: absolute !important;
}
@media only screen and (min-width: 1024px) {
  .app-desktop .scroll {
    overflow: auto;
  }
}
@media only screen and (max-width: 1750px) {
  .app-desktop .game-card-container.wallpaper .games-cards-container {
    overflow: auto;
    width: 90rem;
  }
}
@media only screen and (max-width: 1550px) {
  .app-desktop .game-card-container.wallpaper .games-cards-container {
    width: 70rem;
  }
}
@media only screen and (max-width: 1350px) {
  .app-desktop .game-card-container.wallpaper .games-cards-container {
    width: 52rem;
  }
}
@media only screen and (max-width: 1024px) {
  .app-desktop .game-card-container.wallpaper .games-cards-container {
    width: 35rem;
  }
}
.app-desktop .nav-buttons .nav-left, .app-desktop .nav-buttons .nav-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
}
.app-desktop .nav-buttons .nav-left {
  left: 5px;
}
.app-desktop .nav-buttons .nav-right {
  right: 5px;
}
.app-desktop .nav-buttons .btn {
  background-color: var(--main-bg-color);
  color: var(--main-color);
  border: none;
  outline: none;
  cursor: pointer;
  opacity: 0.6;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}
.app-desktop .nav-buttons .btn:hover {
  opacity: 1;
  box-shadow: inset 0 0 0 1px var(--games_secondary);
}
.app-desktop .nav-buttons .btn .fas {
  font-size: 0.85rem;
}
.app-desktop .custom-dropdown {
  position: relative;
  width: 40%;
  cursor: pointer;
}
.app-desktop .custom-dropdown span {
  text-align: center;
}
.app-desktop .custom-dropdown .title {
  text-align: center;
  color: var(--main-color);
  font-weight: bold;
}
.app-desktop .custom-dropdown .selected-option {
  padding: 10px;
  border: 1px solid var(--games_secondary_border);
  background: var(--search, var(--games_primary));
  color: #7b8088;
  border-radius: 35px;
  position: relative;
  z-index: 12;
}
.app-desktop .custom-dropdown .selected-option .btn-search {
  cursor: pointer;
  position: absolute;
  right: 30px;
  padding: 10px 0;
  top: 0;
}
.app-desktop .custom-dropdown .dropdown-options {
  position: absolute;
  width: 100%;
  background: var(--search, var(--games_primary));
  max-height: 500px;
  overflow-y: auto;
  z-index: 11;
  top: 50%;
}
.app-desktop .custom-dropdown .dropdown-options .top-input {
  position: relative;
}
.app-desktop .custom-dropdown .dropdown-options .top-input .btn-search {
  cursor: pointer;
  position: absolute;
  right: 25px;
  padding: 10px 0;
  top: 0;
  background: #fff;
  height: 100%;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  color: var(--search, var(--games_primary));
}
.app-desktop .custom-dropdown .dropdown-options .vendor-logo {
  height: 20px;
  width: 20px;
  object-fit: contain;
  margin-right: 8px;
  vertical-align: middle;
}
.app-desktop .custom-dropdown .dropdown-options .vendor-search-input {
  border-radius: 20px;
  padding: 10px 15px;
  border: 1px solid var(--games_main_border);
  width: 90%;
  margin: 40px auto 10px auto;
  color: var(--games_main_border);
  display: block;
  background: #253143;
}
.app-desktop .custom-dropdown .dropdown-options li {
  width: 90%;
  margin: auto;
  padding: 8px;
  display: flex;
  align-items: center;
  color: #ffffff;
}
.app-desktop .custom-dropdown .dropdown-options li.selected {
  background: #000e21;
  color: #fff;
}
.app-desktop .custom-dropdown .dropdown-options li.hover {
  background: #010e21;
}
.app-desktop .custom-dropdown .dropdown-options a.btn-quick {
  margin: 15px auto;
  display: block;
  max-width: 80px;
}
.app-desktop .custom-dropdown .dropdown-options a.btn-quick[disabled] {
  background-color: #cccccc;
  cursor: not-allowed;
  pointer-events: none;
}
.app-desktop .custom-dropdown .dropdown-options .open-reset {
  display: flex;
}
.app-desktop .custom-dropdown ul.dropdown-options {
  padding-bottom: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.app-desktop .games-vendors {
  padding: 10px 5px;
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .games-vendors .nav {
  position: relative;
  list-style: none;
  margin: 0;
  gap: 10px;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .games-vendors .nav .btn-quick {
  flex: 0 0;
  flex-basis: 150px;
  height: 52px;
}
.app-desktop .games-vendors .nav .btn-quick .game-vendor-logo {
  height: 35px;
  min-width: 100px;
  max-width: 180px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.app-desktop .game-wrapper {
  width: 100%;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop .game-wrapper .error-wrapper {
  position: relative;
  max-width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop .game-wrapper .error-wrapper .error-message {
  font-size: 1.7rem;
  text-align: center;
  font-weight: 700;
}
.app-desktop .game-wrapper .type-section {
  width: 100%;
}
.app-desktop .games-no-results {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .search-result-title {
  font-weight: 600;
  font-size: 1.1rem;
  text-align: center;
  margin-top: 12px;
}
.app-desktop .no-results-container {
  margin-top: 1rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop .no-results-container > * {
  font-weight: 600;
  font-size: 1.1rem;
}
.app-desktop .games-type-title {
  color: #000;
  padding: 0 10px;
  cursor: pointer;
  height: 40px;
}
.app-desktop .game-type-title-name {
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 5px;
  font-size: 1.6rem;
}
.app-desktop span.game-type-title-name {
  font-size: 1.33rem;
}
.app-desktop .game-details {
  padding: 0 5px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* Justification */
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .game-details > * {
  margin-bottom: 5px;
}
.app-desktop .games-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop .casino-slides {
  margin: 1rem 0;
}
.app-desktop .sticky-top {
  position: sticky;
  top: 2px;
  z-index: 90;
}
.app-desktop .sticky-bottom {
  position: sticky;
  bottom: 2px;
  z-index: 90;
}
.app-desktop .scroll-top {
  position: fixed;
  right: 20px;
  bottom: 10px;
  z-index: 100;
  height: 50px;
  width: 50px;
  background-color: var(--games_secondary);
  color: var(--white);
  border: 2px solid;
  cursor: pointer;
  box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  padding: 5px;
  text-align: center;
}
.app-desktop .scroll-top i {
  font-size: clamp(22px, 1.55vw, 33px);
  margin-top: 3px;
}
.app-desktop .scroll-top.show {
  opacity: 0.8;
  visibility: visible;
}
@media (hover: hover) and (pointer: fine) {
  .app-desktop .scroll-top.show:hover {
    opacity: 1;
  }
}
.app-desktop .casino-game {
  width: 75vw;
  font-size: clamp(13px, 1.25vw, 16px);
  line-height: 1.5;
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80vh;
}
.app-desktop .casino-game-holder {
  min-height: 620px;
  position: relative;
}
.app-desktop .casino-game-head {
  background: var(--games_primary);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.app-desktop .casino-game-body {
  height: 100%;
  background: #000;
  position: relative;
}
.app-desktop .casino-game-info {
  padding: 0 10px;
  gap: 5px;
}
.app-desktop .casino-game-info, .app-desktop .casino-game-actions, .app-desktop .casino-game-actions .nav {
  font-size: clamp(12px, 1.25vw, 14px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.app-desktop .casino-game-actions {
  color: rgba(255, 255, 255, 0.5);
}
.app-desktop .casino-game-actions .nav:after {
  display: none;
}
.app-desktop .casino-game-name {
  font-size: clamp(12px, 1.25vw, 14px);
}
.app-desktop .casino-game-meta {
  font-size: clamp(10px, 1.25vw, 11px);
}
.app-desktop .casino-game iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.app-desktop .casino-game-message {
  position: absolute;
  cursor: pointer;
  background: #b71c1c;
  color: #fff;
  padding: 15px 30px;
  font-size: 16px;
  z-index: 2000;
  border-radius: 40px;
  top: 20px;
  left: 50%;
  text-align: center;
  font-weight: bold;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 280px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
}
.app-desktop .casino-game-message.ng-enter {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
  top: 0;
}
.app-desktop .casino-game-message.ng-enter-active {
  opacity: 1;
  top: 20px;
}
.app-desktop .casino-game-message.ng-leave {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.app-desktop .casino-game-message.ng-leave-active {
  opacity: 0;
  top: 0;
}

/* New Games Layout (Desktop + Mobile) */
.app-desktop, .app-mobile {
  /* Game Cards Tooltip */
  /* Dual Game Cards fix */
  /* Sidebar Types */
  /* Play Button */
  /* Filter Partial Styles */
  /* Casino Dropdowns */
  /* Search Modal */
  /* NEW DESKTOP */
  /**************************/
}
.app-desktop #loader.active, .app-mobile #loader.active {
  background-color: #021621;
}
.app-desktop .casino-main-wrapper, .app-mobile .casino-main-wrapper {
  height: 100%;
  position: initial;
  overflow: auto;
  padding: 10px;
}
.app-desktop .tooltip-container, .app-mobile .tooltip-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.app-desktop .tooltip-container .tooltip, .app-mobile .tooltip-container .tooltip {
  position: absolute;
  bottom: 10px;
  z-index: 10;
  right: 10px;
  cursor: pointer;
}
.app-desktop .tooltip-container .tooltip i, .app-mobile .tooltip-container .tooltip i {
  font-size: 1.5rem;
}
.app-desktop .tooltip-container .tooltip:hover, .app-mobile .tooltip-container .tooltip:hover {
  filter: brightness(1.1);
}
.app-desktop .tooltip-container.open .game-info, .app-mobile .tooltip-container.open .game-info {
  opacity: 1;
  z-index: 9;
}
.app-desktop .tooltip-container.open .type-name, .app-mobile .tooltip-container.open .type-name {
  display: none;
  transition: display 0.3s ease;
}
.app-desktop .tooltip-container .game-info, .app-mobile .tooltip-container .game-info {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: auto;
  max-height: 300px;
  border-radius: 10px;
  min-width: 200px;
  background: rgba(25, 26, 35, 0.6);
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  overflow-x: hidden;
}
.app-desktop .tooltip-container .game-info .game-details, .app-mobile .tooltip-container .game-info .game-details {
  margin: auto 0;
  flex: 1;
  gap: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .tooltip-container .game-info .game-details .game-name, .app-mobile .tooltip-container .game-info .game-details .game-name {
  color: #132;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
}
.app-desktop .tooltip-container .game-info .game-details .volatility-meter, .app-mobile .tooltip-container .game-info .game-details .volatility-meter {
  height: 40px;
  position: relative;
  padding: 5px 0;
  overflow: hidden;
}
.app-desktop .tooltip-container .game-info .game-details .volatility-meter .volatility-arc, .app-mobile .tooltip-container .game-info .game-details .volatility-meter .volatility-arc {
  -webkit-mask-image: radial-gradient(circle at center, transparent 62.75%, black 65%, black 70%, transparent 71.5%);
  background: linear-gradient(to right, #3a648e 0%, #28ffbb 25%, #ffd500 50%, #ff522b 75%, #9c2c2c 100%) border-box;
  box-sizing: border-box;
  width: 80px;
  height: 80px;
}
.app-desktop .tooltip-container .game-info .game-details .volatility-meter .volatility-pointer, .app-mobile .tooltip-container .game-info .game-details .volatility-meter .volatility-pointer {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.app-desktop .dual-game, .app-mobile .dual-game {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 20px;
}
.app-desktop .dual-game.set-row, .app-mobile .dual-game.set-row {
  flex-direction: row;
  max-width: unset;
}
.app-desktop .dual-game.set-col, .app-mobile .dual-game.set-col {
  flex-direction: column;
}
.app-desktop .types-navigation, .app-mobile .types-navigation {
  border: none;
  border-radius: 0;
  width: 100%;
  overflow-y: auto;
}
.app-desktop .types-navigation .category-types, .app-mobile .types-navigation .category-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 5px;
}
.app-desktop .types-navigation .category-type, .app-mobile .types-navigation .category-type {
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  transition: 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop .types-navigation .category-type.active, .app-mobile .types-navigation .category-type.active {
  background: var(--games_secondary);
  backdrop-filter: blur(15px);
  color: var(--white);
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .app-desktop .types-navigation .category-type:hover, .app-mobile .types-navigation .category-type:hover {
    background: var(--games_secondary);
    color: var(--white);
  }
}
.app-desktop .types-navigation .category-type .types-name, .app-mobile .types-navigation .category-type .types-name {
  text-transform: capitalize;
  color: #eee;
  font-size: clamp(11px, 1.35vw, 13px);
}
.app-desktop .types-navigation .game-types .game-type, .app-mobile .types-navigation .game-types .game-type {
  margin-top: 10px;
}
.app-desktop .playBut, .app-mobile .playBut {
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  cursor: pointer;
}
.app-desktop .playBut .triangle, .app-mobile .playBut .triangle {
  -webkit-transition: all 0.7s ease-in-out;
  stroke-dasharray: 240;
  stroke-dashoffset: 480;
  stroke: var(--white, #fff);
  transform: translateY(0);
}
.app-desktop .playBut .circle, .app-mobile .playBut .circle {
  stroke: var(--white, #fff);
  stroke-dasharray: 650;
  stroke-dashoffset: 650;
  -webkit-transition: all 0.5s ease-in-out;
  opacity: 0.3;
}
@media (hover: hover) and (pointer: fine) {
  .app-desktop .playBut:hover .triangle, .app-mobile .playBut:hover .triangle {
    stroke-dashoffset: 0;
    opacity: 1;
    stroke: var(--light_hover);
    animation: nudge 0.7s ease-in-out;
  }
  @keyframes nudge {
    0% {
      transform: translateX(0);
    }
    30% {
      transform: translateX(-5px);
    }
    50% {
      transform: translateX(5px);
    }
    70% {
      transform: translateX(-2px);
    }
    100% {
      transform: translateX(0);
    }
  }
  .app-desktop .playBut:hover .circle, .app-mobile .playBut:hover .circle {
    stroke: var(--light_hover);
    stroke-dashoffset: 0;
    opacity: 1;
  }
}
.app-desktop .games-filter-tags-wrapper, .app-mobile .games-filter-tags-wrapper {
  margin: 20px 0;
}
.app-desktop .games-filter-tags-container, .app-mobile .games-filter-tags-container {
  gap: 1rem;
  flex-wrap: wrap;
  display: flex;
}
.app-desktop .games-filter-tag-item, .app-mobile .games-filter-tag-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  border-radius: 0.4rem;
  padding: 0 1rem;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  height: 36px;
}
.app-desktop .games-filter-tag-item p, .app-mobile .games-filter-tag-item p {
  padding: 0 0.8rem;
}
.app-desktop .games-filter-tag-item.reset-item, .app-mobile .games-filter-tag-item.reset-item {
  background: transparent;
}
.app-desktop .games-quick-btns-container, .app-mobile .games-quick-btns-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .games-quick-btns-container .buttons-container, .app-mobile .games-quick-btns-container .buttons-container {
  column-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .games-quick-btns-container .buttons-container .games-search, .app-mobile .games-quick-btns-container .buttons-container .games-search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop .games-quick-btns-container .buttons-container .games-search .selected-option, .app-mobile .games-quick-btns-container .buttons-container .games-search .selected-option {
  background: var(--search, var(--games_primary));
  color: var(--white, #fff);
  text-align: left;
  padding-left: 40px;
  line-height: 1;
  font-size: 15px;
}
.app-desktop .games-quick-btns-container .buttons-container .games-search .selected-option::placeholder, .app-mobile .games-quick-btns-container .buttons-container .games-search .selected-option::placeholder {
  color: var(--white, #fff);
  opacity: 1;
}
.app-desktop .custom-dropdown, .app-mobile .custom-dropdown {
  position: relative;
  width: 40%;
  cursor: pointer;
}
.app-desktop .custom-dropdown .selected-option, .app-mobile .custom-dropdown .selected-option {
  padding: 10px;
  border: none;
  background: var(--search, var(--games_primary));
  color: #fdfdfd;
  border-radius: 35px;
  position: relative;
  z-index: 12;
}
.app-desktop .custom-dropdown .selected-option .btn-search, .app-mobile .custom-dropdown .selected-option .btn-search {
  width: auto;
  cursor: pointer;
  position: absolute;
  right: 10px;
  padding: 10px 0;
  top: 0;
}
.app-desktop .custom-dropdown .title, .app-mobile .custom-dropdown .title {
  text-align: center;
  color: var(--main-color);
  font-weight: bold;
}
.app-desktop .custom-dropdown .dropdown-options, .app-mobile .custom-dropdown .dropdown-options {
  top: 10px;
  padding: 0 0 30px 0;
}
.app-desktop .custom-dropdown .dropdown-options .vendor-search-input, .app-mobile .custom-dropdown .dropdown-options .vendor-search-input {
  background: var(--white);
}
.app-desktop .custom-dropdown .dropdown-options .vendor-options, .app-mobile .custom-dropdown .dropdown-options .vendor-options {
  overflow: auto;
  max-height: 200px;
}
.app-desktop .custom-dropdown .dropdown-options .vendor-logo, .app-mobile .custom-dropdown .dropdown-options .vendor-logo {
  height: 30px;
  width: 30px;
  object-fit: contain;
}
.app-desktop .custom-dropdown .dropdown-options .no-results, .app-mobile .custom-dropdown .dropdown-options .no-results {
  color: var(--white);
  text-align: center;
}
.app-desktop .custom-dropdown .dropdown-options li.selected, .app-mobile .custom-dropdown .dropdown-options li.selected {
  background: var(--games_secondary);
  color: var(--white);
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .app-desktop .custom-dropdown .dropdown-options li:hover, .app-mobile .custom-dropdown .dropdown-options li:hover {
    background: var(--games_secondary);
  }
}
.app-desktop .modal.large .modal-dialog, .app-mobile .modal.large .modal-dialog {
  max-width: 1300px;
  border-radius: 10px;
  color: #fff;
}
.app-desktop .modal.large .modal-dialog .modal-close, .app-mobile .modal.large .modal-dialog .modal-close {
  display: none;
}
.app-desktop .modal.large .modal-dialog .modal-content, .app-mobile .modal.large .modal-dialog .modal-content {
  overflow: auto;
  border-radius: 7px;
  padding: 0;
  background-color: #3d3d3d;
}
.app-desktop .search-games, .app-mobile .search-games {
  padding: 80px 10px 10px 10px;
  min-height: 500px;
  max-height: 80svh;
  height: 100%;
}
.app-desktop .search-games .game-pic, .app-desktop .search-games .game-pic img, .app-mobile .search-games .game-pic, .app-mobile .search-games .game-pic img {
  min-height: 120px;
}
.app-desktop .search-results, .app-mobile .search-results {
  /* Games Results & Top Games */
}
.app-desktop .search-results .modal-search, .app-mobile .search-results .modal-search {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  z-index: 10;
  backdrop-filter: blur(15px);
}
.app-desktop .search-results .modal-search .vendor-search-input, .app-mobile .search-results .modal-search .vendor-search-input {
  width: 100%;
  padding: 10px;
  border: 1px solid #90969f;
  background: #fff;
  color: #7b8088;
  border-radius: 35px;
  position: relative;
  z-index: 12;
  line-height: 1;
  font-size: clamp(12px, 1.333vw, 15px);
}
.app-desktop .search-results .modal-search .vendor-search-input::placeholder, .app-mobile .search-results .modal-search .vendor-search-input::placeholder {
  font-size: clamp(12px, 1.333vw, 15px);
  line-height: 1;
}
.app-desktop .search-results .modal-search .btn-search, .app-mobile .search-results .modal-search .btn-search {
  right: 30px;
  position: relative;
  z-index: 12;
  font-size: 15px;
  width: 0;
  color: #767676;
}
.app-desktop .search-results .modal-search .btn-search i, .app-mobile .search-results .modal-search .btn-search i {
  margin-right: 10px;
  color: var(--white);
  font-size: 18px;
}
.app-desktop .search-results .search-close, .app-mobile .search-results .search-close {
  width: 48px;
  height: 55px;
  cursor: pointer;
  background: no-repeat center/28px 28px url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23324642'/%3E%3Cpath fill='%23FFF' d='M14.743 13.943l5.144-5.193-.743-.75L14 13.193 8.856 8l-.743.75 5.144 5.193L8 19.25l.743.75L14 14.693 19.257 20l.743-.75z'/%3E%3C/g%3E%3C/svg%3E");
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .app-desktop .search-results .search-close:hover, .app-mobile .search-results .search-close:hover {
    background: no-repeat center/28px 28px url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23324642'/%3E%3Cpath fill='%2300DEA9' d='M14.743 13.943l5.144-5.193-.743-.75L14 13.193 8.856 8l-.743.75 5.144 5.193L8 19.25l.743.75L14 14.693 19.257 20l.743-.75z'/%3E%3C/g%3E%3C/svg%3E");
  }
}
.app-desktop .search-results .game-card-container, .app-mobile .search-results .game-card-container {
  padding-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 5px;
}
.app-desktop .search-results .game-card-container .game-card, .app-mobile .search-results .game-card-container .game-card {
  padding: 5px;
  box-sizing: border-box;
}
.app-desktop .search-results .game-card-container .game-card .game-card-body, .app-mobile .search-results .game-card-container .game-card .game-card-body {
  min-width: 150px;
}
.app-desktop .search-results .no-results, .app-mobile .search-results .no-results {
  margin-top: 20px;
  text-align: center;
}
.app-desktop .search-results .no-results span, .app-mobile .search-results .no-results span {
  font-size: 20px;
}
.app-desktop .game-info, .app-mobile .game-info {
  border-right: none;
}
.app-desktop .nav-buttons .btn, .app-mobile .nav-buttons .btn {
  padding: 0;
  color: #dedede;
  border: none;
  outline: none;
  cursor: pointer;
  opacity: 1;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}
.app-desktop .nav-buttons .btn .fas, .app-mobile .nav-buttons .btn .fas {
  font-size: 1.5rem;
}
.app-desktop .btn-quick, .app-mobile .btn-quick {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--white);
  text-transform: capitalize;
  padding: 5px 10px;
  text-wrap: nowrap;
  font-size: 12px;
  font-weight: 700;
  border: none;
  border-radius: 15px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.app-desktop .game-card .game-card-body .game-info .title, .app-mobile .game-card .game-card-body .game-info .title {
  width: 100%;
  height: auto;
  color: var(--white);
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-desktop .game-card .game-card-body .game-info .description, .app-mobile .game-card .game-card-body .game-info .description {
  width: 100%;
  height: auto;
  color: #b7b7b7;
  opacity: 0.9;
  font-size: 12px;
  font-weight: 400;
}
.app-desktop .game-card .game-card-body .game-image .game-name, .app-mobile .game-card .game-card-body .game-image .game-name {
  color: var(--white);
}
.app-desktop .game-cards, .app-mobile .game-cards {
  gap: 0;
  padding-bottom: 0;
}
.app-desktop .game-card-container.wallpaper, .app-mobile .game-card-container.wallpaper {
  position: relative;
  min-height: 300px;
  background-repeat: no-repeat;
  background-position: left;
  border-radius: 30px;
  background-size: cover;
  width: 99%;
  margin: auto;
}
.app-desktop .game-card-container.wallpaper img, .app-mobile .game-card-container.wallpaper img {
  border-radius: 30px;
}
.app-desktop .game-card-container.wallpaper .game-card .game-card-body, .app-mobile .game-card-container.wallpaper .game-card .game-card-body {
  min-width: 130px;
}
.app-desktop .casino-main-wrapper .game-cards .game-line, .app-desktop .casino-main-wrapper .game-cards .filtered-game-cards, .app-mobile .casino-main-wrapper .game-cards .game-line, .app-mobile .casino-main-wrapper .game-cards .filtered-game-cards {
  width: 100%;
  gap: 20px;
}
.app-desktop .wallpaper, .app-mobile .wallpaper {
  margin-bottom: 40px;
}
.app-desktop .wallpaper .games-section .type-section .type-title, .app-mobile .wallpaper .games-section .type-section .type-title {
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: -0.054rem;
}
.app-desktop .game-card .game-card-body, .app-mobile .game-card .game-card-body {
  row-gap: 10px;
}
.app-desktop .game-card .game-card-body .game-image, .app-mobile .game-card .game-card-body .game-image {
  border-radius: 20px;
  height: 160px;
}
.app-desktop .game-card .game-card-body .game-image .game-pic, .app-mobile .game-card .game-card-body .game-image .game-pic {
  border-radius: 20px;
}
.app-desktop .game-card-container.wallpaper .game-card .game-card-body .game-image .game-pic, .app-mobile .game-card-container.wallpaper .game-card .game-card-body .game-image .game-pic {
  min-height: 130px !important;
}
.app-desktop .game-card-container.wallpaper .game-card .game-card-body .game-image, .app-mobile .game-card-container.wallpaper .game-card .game-card-body .game-image {
  height: 130px;
}
.app-desktop .game-card .game-card-body .game-image .game-pic img, .app-mobile .game-card .game-card-body .game-image .game-pic img {
  object-fit: fill;
}
.app-desktop .game-card .game-card-body .game-image .game-hover, .app-mobile .game-card .game-card-body .game-image .game-hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
  border-radius: 20px;
}
.app-desktop .game-cards .game-cards-actions, .app-mobile .game-cards .game-cards-actions {
  display: flex;
  align-items: center;
}
.app-desktop .game-cards .game-cards-actions .type-section, .app-mobile .game-cards .game-cards-actions .type-section {
  cursor: pointer;
  margin-top: 0;
  padding-left: 7px;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: -0.054rem;
}
.app-desktop .game-cards .game-cards-actions .type-section span, .app-mobile .game-cards .game-cards-actions .type-section span {
  margin-left: 7px;
}
.app-desktop .game-cards .game-cards-actions .type-section.right, .app-mobile .game-cards .game-cards-actions .type-section.right {
  margin-top: 0;
  margin-left: auto;
}
.app-desktop .game-type-title-name, .app-mobile .game-type-title-name {
  color: var(--white);
  margin-bottom: 10px;
}
.app-desktop *:not(.scroll)::-webkit-scrollbar, .app-mobile *:not(.scroll)::-webkit-scrollbar {
  display: none;
}
.app-desktop .type-section, .app-desktop .type, .app-desktop .vendor, .app-mobile .type-section, .app-mobile .type, .app-mobile .vendor {
  font-size: 18px;
  overflow: auto;
  border-radius: 7px;
  padding: 7px 12px;
  margin-bottom: 15px;
  line-height: 1;
}
.app-desktop .games-filter-tag-item, .app-mobile .games-filter-tag-item {
  display: flex;
  align-items: center;
  transition: background-color 0.3s ease;
  border-radius: 0.4rem;
  padding: 0 1rem;
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--white);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  height: 36px;
}
.app-desktop .games-filter-tag-item p, .app-mobile .games-filter-tag-item p {
  margin: auto;
}
.app-desktop .games-types, .app-mobile .games-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop .visually-hidden, .app-mobile .visually-hidden {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}
.app-desktop button.more-btn, .app-mobile button.more-btn {
  background: var(--games_primary);
  border: 1px solid;
  padding: 10px;
  margin: 20px auto;
  display: block;
}
.app-desktop .loadingScreen, .app-mobile .loadingScreen {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999998;
  transition: 1s ease;
  background: rgba(0, 0, 0, 0);
}
.app-desktop .loadingScreen .center-loader, .app-mobile .loadingScreen .center-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999999;
  will-change: opacity, transform;
}
.app-desktop #loader.loadingScreen, .app-mobile #loader.loadingScreen {
  background: rgba(0, 0, 0, 0.4);
}
.app-desktop .small-loader, .app-mobile .small-loader {
  width: fit-content;
  margin: 0 auto;
  transition: 0.3s ease-in-out;
  max-height: 88px;
  overflow: hidden;
}
.app-desktop .small-loader .spinner, .app-mobile .small-loader .spinner {
  width: 100px;
  height: 100px;
  position: relative;
  border-radius: 100em;
  background: url(/img/loader-modal.gif) no-repeat center 35%;
}
.app-desktop input, .app-mobile input {
  line-height: normal;
  outline: 0;
}

/* Mobile Version */
.app-mobile {
  /* Wallpaper */
  /* Types */
  /* Button Top Container (Filter Bars) */
  /* Search Modal Mobile */
  /* Games List Grid Mobile */
  /* Casino Open */
  /* Filter Page */
}
.app-mobile .wallpaper {
  margin-top: 0;
  margin-bottom: 0;
}
.app-mobile .types-navigation {
  width: 100%;
  padding: 0 10px;
}
.app-mobile .types-navigation .category-types {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 5px;
}
.app-mobile .types-navigation .category-types .category-type {
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-mobile .types-navigation .category-types .category-type .types-name {
  font-size: 12px;
  text-transform: capitalize;
  text-wrap: nowrap;
  font-weight: 100;
}
.app-mobile .types-image img, .app-mobile .wallpaper-logo {
  padding: 0;
  width: clamp(25px, 1.3vw, 30px);
  height: clamp(25px, 1.3vw, 30px);
  object-fit: contain;
  margin: auto;
}
.app-mobile .casino-container .casino-main-wrapper {
  width: 100%;
  padding: 0 0 10px 0;
}
.app-mobile .casino-container .casino-wrapper {
  top: 46px;
  position: sticky;
  z-index: 100;
  background: var(--games_gradient_clear);
  backdrop-filter: blur(15px);
  width: 100%;
}
.app-mobile .games-filters {
  padding: 0 10px;
}
.app-mobile .buttons-container {
  width: 100%;
  margin: 20px auto 0 auto;
}
.app-mobile .buttons-container .custom-dropdown {
  flex: 1 0 auto;
}
.app-mobile .buttons-container .games-search {
  flex: 0 0 auto;
  width: auto;
  padding: 10px 15px;
  background: var(--white);
  color: var(--games_secondary);
  border-radius: 50%;
}
.app-mobile .custom-dropdown .dropdown-options {
  position: absolute;
  width: 100%;
  margin: auto;
  background: var(--search, var(--games_primary));
  z-index: 11;
  top: 50px;
  border-radius: 10px;
}
.app-mobile .custom-dropdown .dropdown-options .vendor-search-input {
  border-radius: 20px;
  padding: 10px 15px;
  border: 1px solid var(--games_main_border);
  width: 90%;
  margin: 20px auto 10px auto;
  color: var(--games_main_border);
  display: block;
  background: var(--white);
}
.app-mobile .custom-dropdown .dropdown-options li {
  width: 90%;
  margin: auto;
  padding: 8px;
  display: flex;
  align-items: center;
  color: #ffffff;
}
.app-mobile .custom-dropdown .dropdown-options .top-input {
  position: sticky;
  top: 21px;
}
.app-mobile .custom-dropdown .dropdown-options .top-input .btn-search {
  cursor: pointer;
  position: absolute;
  right: 20px;
  padding: 9px;
  top: 0;
  background: #fff;
  width: 30px;
  border-radius: 50%;
  text-align: center;
  color: var(--search, var(--games_primary));
  height: 30px;
}
.app-mobile .modal-content {
  background-color: var(--games_secondary);
}
.app-mobile .modal-content .search-games {
  overflow: auto;
}
.app-mobile .search-results .game-card-container .game-card {
  gap: 10px;
  padding: 5px;
  box-sizing: border-box;
  min-width: unset;
}
.app-mobile .search-results .game-card-container .game-card .game-card-body .game-image .game-pic img {
  height: 120px;
}
.app-mobile .game-card .game-card-body .game-image .game-pic img {
  height: 100%;
  width: 100%;
  object-fit: unset;
  min-height: unset;
}
.app-mobile .game-card .game-card-body .game-image .game-hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
}
.app-mobile .game-card .game-card-body .game-image .game-pic {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  transition: 0.3s ease-in-out;
}
.app-mobile .game-card .game-card-body .game-image .game-hover {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.368627451);
  transition: all 0.3s ease;
  opacity: 0;
  padding: 5px 10px;
  gap: 5px;
  border-radius: 10px;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-mobile .game-card .game-card-body:hover .game-image .game-hover {
  opacity: 1;
}
.app-mobile .btn-search i {
  margin-right: 10px;
  color: #fff;
  font-size: 18px;
}
.app-mobile .nav-buttons .btn {
  padding: 0;
  color: #dedede;
  border: none;
  outline: none;
  cursor: pointer;
  opacity: 1;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}
.app-mobile .nav-buttons .btn .fas {
  font-size: 1.5rem;
}
.app-mobile .btn-quick {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  text-transform: capitalize;
  padding: 5px 10px;
  text-wrap: nowrap;
  font-size: 12px;
  font-weight: 700;
  border: none;
  border-radius: 15px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.app-mobile .btn-quick:hover {
  background-color: var(--games_primary);
}
.app-mobile .dual-game .game-card {
  max-width: 130px;
}
.app-mobile .game-card .game-card-body .game-info .title {
  width: 100%;
  height: auto;
  color: var(--white);
  font-size: clamp(11px, 1vw, 13px);
  padding: 5px 0;
  font-weight: 600;
  background: none;
}
.app-mobile .game-card .game-card-body .game-info .description {
  width: 100%;
  height: auto;
  color: #b7b7b7;
  opacity: 0.9;
  font-size: clamp(10px, 0.9vw, 12px);
  font-weight: 400;
}
.app-mobile .game-card .game-card-body .game-image .game-name {
  color: var(--white);
}
.app-mobile .game-card-container.wallpaper {
  position: relative;
  min-height: auto;
  background-repeat: no-repeat;
  background-position: left;
  border-radius: 16px;
  background-size: cover;
  width: 100%;
  margin: auto;
}
.app-mobile .game-card-container.wallpaper img.wallpaper-image {
  width: 100%;
  aspect-ratio: 1/0.5;
  object-fit: cover;
  object-position: left;
  border-radius: 20px;
}
.app-mobile .game-card-container.wallpaper img {
  border-radius: 10px;
}
.app-mobile .game-card-container.wallpaper .game-card .game-card-body {
  min-width: unset;
}
.app-mobile .game-card-container.wallpaper .game-card .game-card-body .game-image .game-pic img {
  min-height: 50px;
}
.app-mobile .game-card-container.wallpaper .type-section.mobile-title {
  position: absolute;
  left: 12px;
  bottom: 20px;
  background: rgba(40, 40, 40, 0.4);
  margin: 0;
  gap: 10px;
  line-height: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 15px;
}
.app-mobile .type-section.mobile-title .wallpaper-all-games {
  font-size: 17px;
  padding: 6px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
}
.app-mobile .game-card-container.wallpaper .type-section.mobile-title .type-title a {
  font-size: 20px;
  font-weight: 700;
}
.app-mobile .game-card-container.wallpaper .type-section.mobile-title a.btn-quick {
  padding: 8px;
}
.app-mobile .game-card-container.wallpaper .wallpaper-title {
  position: relative;
  padding: 0 10px;
}
.app-mobile .game-card-container.wallpaper .wallpaper-container .nav-buttons .nav-left {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}
.app-mobile .game-card-container.wallpaper .wallpaper-container .nav-buttons .nav-right {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
}
.app-mobile .game-card-container.wallpaper .wallpaper-container .nav-buttons .btn {
  width: auto;
  height: auto;
  background-color: unset;
  color: var(--white);
  box-shadow: none;
}
.app-mobile .game-card-container.wallpaper .wallpaper-container .nav-buttons .btn:hover {
  opacity: 1;
  box-shadow: inset 0 0 0 0 rgb(220, 220, 220);
}
.app-mobile .game-card-container.wallpaper .wallpaper-container .nav-buttons .btn .fas {
  font-size: 3rem;
}
.app-mobile .game-card-container.wallpaper .wallpaper-container .games-cards-container {
  padding: 10px;
}
.app-mobile .game-card-container.wallpaper .wallpaper-container .game-card {
  flex: 0 0 20%;
  padding: 2px;
}
.app-mobile .game-card-container.wallpaper .wallpaper-container .game-card .btn-play {
  font-size: 1rem;
  font-weight: 100;
  border: 1px solid var(--white);
  transform: translate(1px, 1px);
  border-radius: 40px;
  width: 30px;
  height: 30px;
}
.app-mobile .casino-container .game-type {
  margin-top: 20px;
}
.app-mobile .game-line, .app-mobile .filtered-game-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-mobile .game-card .game-card-body .game-image {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  position: relative;
}
.app-mobile .game-cards .games-list {
  overflow: auto;
  position: relative;
}
.app-mobile .game-cards .games-list .game-line {
  padding: 0 10px;
}
.app-mobile .game-card {
  flex: 1 1 0;
  position: relative;
  border-radius: 10px;
  padding: 5px;
}
.app-mobile .game-card .game-card-body .game-image .game-pic img {
  object-fit: fill;
  min-height: 80px;
}
.app-mobile .game-card .game-card-body .game-image .game-hover {
  background: none;
}
.app-mobile .game-cards-actions {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.app-mobile .game-cards-actions .type-section {
  cursor: pointer;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.app-mobile .game-cards-actions .type-section.right {
  margin-top: 0;
  margin-left: auto;
}
.app-mobile .game-cards-actions .type-section span {
  margin-left: 7px;
}
.app-mobile .search-games .game-card-container .game-card {
  gap: 10px;
  padding: 5px;
  box-sizing: border-box;
}
.app-mobile .game-type-title-name {
  color: var(--white);
}
.app-mobile .games-section .games-cards-container {
  position: relative;
  padding: 20px 0;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
  transform: translateY(0);
  gap: 0;
}
.app-mobile *:not(.inside-scroll)::-webkit-scrollbar {
  display: none;
}
.app-mobile .type-section, .app-mobile .type, .app-mobile .vendor {
  font-size: 15px;
  overflow: auto;
  border-radius: 7px;
  padding: 7px 12px;
  margin-bottom: 15px;
}
.app-mobile .games-filter-tag-item {
  display: flex;
  align-items: center;
  transition: background-color 0.3s ease;
  border-radius: 0.4rem;
  padding: 0 1rem;
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--white);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  height: 36px;
}
.app-mobile .games-filter-tag-item p {
  margin: auto;
}
.app-mobile .nav-buttons {
  display: flex;
  gap: 5px;
}
.app-mobile .game-card .game-card-body .game-info .title {
  padding: 0;
}
.app-mobile .game-card .game-card-body .game-image .game-pic img {
  height: 120px;
}
.app-mobile .game-card-container.wallpaper .game-card {
  min-width: 92px;
}
.app-mobile .game-card-container.wallpaper .wallpaper-container .games-cards-container {
  gap: 10px;
}
.app-mobile .game-card-container.wallpaper .game-card .game-card-body {
  margin: 0;
  max-width: 92px;
}
.app-mobile .game-card-container.wallpaper .game-card .game-card-body .game-image {
  height: 92px;
}
.app-mobile .game-card-container.wallpaper .game-card .game-card-body .game-image img {
  max-width: 92px;
  height: 92px;
}
.app-mobile .game-card {
  padding: 0;
  min-width: 130px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 5px;
}
.app-mobile .game-card .game-card-body {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 5px;
}
.app-mobile .games-list-grid .game-card {
  float: left;
  position: relative;
  text-align: left;
  font-weight: bold;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s;
  padding: 8px;
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .app-mobile .games-list-grid .game-card {
    width: 16.66667%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .app-mobile .games-list-grid .game-card {
    width: 25%;
  }
}
@media only screen and (min-width: 568px) and (max-width: 768px) {
  .app-mobile .games-list-grid .game-card {
    width: 33.33333%;
  }
}
@media only screen and (min-width: 325px) and (max-width: 568px) {
  .app-mobile .games-list-grid .game-card {
    width: 50%;
  }
}
@media only screen and (max-width: 325px) {
  .app-mobile .games-list-grid .game-card {
    width: 100%;
  }
}
.app-mobile .custom-dropdown .dropdown-options .vendor-logo {
  margin-right: 8px;
  height: 20px;
  width: 20px;
  object-fit: contain;
}
.app-mobile .custom-dropdown .dropdown-options li {
  font-size: 13px;
  font-weight: bold;
}
.app-mobile .casino-game {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 48px;
}
.app-mobile .casino-game-body {
  height: 100%;
  background: #000;
}
.app-mobile .casino-game-foot {
  background: var(--games_primary);
  height: 48px;
  font-size: 10px;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
}
.app-mobile .casino-game-foot ul {
  display: flex;
  align-items: center;
}
.app-mobile .casino-game-foot i {
  font-size: 18px;
  margin-bottom: 5px;
}
.app-mobile .casino-game-foot li {
  text-align: center;
  flex: 1;
  align-items: center;
}
.app-mobile .casino-game-foot li > a {
  padding: 5px;
}
.app-mobile .casino-game-label {
  display: block;
  color: #a1a1a1;
}
.app-mobile .casino-game-value {
  display: block;
}
.app-mobile .casino-game iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.app-mobile .casino-game-error {
  text-align: center;
  font-size: 28px;
  top: 40%;
  position: absolute;
  width: 100%;
  left: 0;
}
.app-mobile .casino-game-message {
  position: absolute;
  cursor: pointer;
  background: #b71c1c;
  color: #fff;
  padding: 15px 30px;
  font-size: 16px;
  z-index: 2000;
  border-radius: 40px;
  top: 20px;
  left: 50%;
  text-align: center;
  font-weight: bold;
  transform: translateX(-50%);
  min-width: 280px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
}
.app-mobile .casino-game-message.ng-enter {
  transition: all 0.2s;
  opacity: 0;
  top: 0;
}
.app-mobile .casino-game-message.ng-enter-active {
  opacity: 1;
  top: 20px;
}
.app-mobile .casino-game-message.ng-leave {
  transition: all 0.4s;
}
.app-mobile .casino-game-message.ng-leave-active {
  opacity: 0;
  top: 0;
}
.app-mobile .games-filter-tags-wrapper {
  padding: 20px 10px;
}
.app-mobile .games-filter-tags-container {
  gap: 1rem;
  flex-wrap: wrap;
  display: flex;
}
.app-mobile .games-filter-tag-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  border-radius: 0.4rem;
  padding: 0 1rem;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  height: 36px;
}
.app-mobile .games-filter-tag-item p {
  padding: 0 0.8rem;
}
.app-mobile .games-filter-tag-item.reset-item {
  background: transparent;
}

.app-desktop.theme-light { /* this is only on tip */ }
.app-desktop.theme-light .input-check i {
  background: #e9e9e9;
}
.app-desktop.theme-light .drop-menu {
  background: #e3e3e3;
}
.app-desktop.theme-light .drop-menu a {
  color: #000;
  background: #e3e3e3;
}
.app-desktop.theme-light .drop-menu a:hover {
  background: #95bb0f;
}
.app-desktop.theme-light .bets.empty {
  background: #021018;
  color: #fff;
  background: url("/img/home.jpg");
  background-size: cover;
}
.app-desktop.theme-light .bets-empty {
  text-align: center;
  padding: 15px;
  margin-top: 52px;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.57);
}
.app-desktop.theme-light .bets-types li > a.single {
  background: #999999;
  color: #fff;
}
.app-desktop.theme-light .bets-input.active {
  box-shadow: 0 0 10px 4px #1082be;
}
.app-desktop.theme-light .game {
  display: table;
  width: 100%;
  text-align: center;
  background: #e3e3e3;
  color: #000;
  border-bottom: none;
}
.app-desktop.theme-light .game:nth-child(2n) {
  background: #f1f1f1;
}
.app-desktop.theme-light .game:last-child {
  border-bottom: none;
}
.app-desktop.theme-light .games-container .game {
  background: none;
}
.app-desktop.theme-light .games-container {
  background: #e3e3e3;
}
.app-desktop.theme-light .games-container:nth-child(2n) {
  background: #f1f1f1;
}
.app-desktop.theme-light .game-time {
  font-weight: bold;
}
.app-desktop.theme-light .game-info {
  border-right: 1px solid #bfbfbf;
  line-height: 24px;
  cursor: pointer;
  display: table-cell;
  vertical-align: top;
}
.app-desktop.theme-light .game-action:hover {
  color: #95bb0f;
}
.app-desktop.theme-light .game-action + .game-action {
  border-top: 1px solid #bfbfbf;
}
.app-desktop.theme-light .game-parts {
  color: #000;
  font-weight: 600;
  display: table-cell;
  width: 32px;
  background: #bfbfbf;
  line-height: 26px;
  border-right: 1px solid #03324a;
}
.app-desktop.theme-light .live-game-types {
  color: #03324a;
}
.app-desktop.theme-light .game-types-first {
  color: #fff;
}
.app-desktop.theme-light .game-types-second {
  color: #fff;
}
.app-desktop.theme-light .game-row + .game-row {
  border-top: 1px solid #bfbfbf;
}
.app-desktop.theme-light .game-more {
  display: table-cell;
  vertical-align: middle;
  color: #03273a;
  width: 65px;
  cursor: pointer;
  transition: all 0.4s;
}
.app-desktop.theme-light .game-more:hover {
  color: #027bb9;
}
.app-desktop.theme-light .game-score.active {
  color: #96bc0f;
  font-weight: bold;
}
.app-desktop.theme-light .country-body {
  padding: 5px 10px;
  background: #e3e3e3;
  color: #000;
}
.app-desktop.theme-light .country-body a {
  color: #000;
}
.app-desktop.theme-light .country .col {
  padding: 10px 15px;
  border-bottom: none;
}
.app-desktop.theme-light .group-name {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  padding: 4px 15px;
  font-weight: 600;
  cursor: pointer;
  background: #092a3b;
  color: #ffffff;
}
.app-desktop.theme-light .league {
  font-size: 14px;
  line-height: 20px;
  border-bottom: none;
}
.app-desktop.theme-light .league-head {
  background: #bfbfbf;
  color: #000;
}
.app-desktop.theme-light .match-item {
  background: #e3e3e3;
  border-bottom: 1px solid #888;
}
.app-desktop.theme-light .match-item.open .match-arrow {
  display: none;
}
.app-desktop.theme-light .match-type {
  background: #bfbfbf;
  color: #000;
}
.app-desktop.theme-light .slots-game:hover .slots-hover {
  opacity: 1;
  left: 0;
}
.app-desktop.theme-light .slots-empty {
  text-align: center;
  font-size: 24px;
  top: 40%;
  position: absolute;
  width: 100%;
  left: 0;
}
.app-desktop.theme-light .live .game-actions {
  border-right: 1px solid #bfbfbf;
}
.app-desktop.theme-light .live-menu .league-head {
  border-bottom: 1px solid #03324a;
  background: #032d42;
  font-weight: 600;
  padding: 7px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #ffffff;
}
.app-desktop.theme-light .live-menu .league.active .league-head {
  background: #054261;
}
.app-desktop.theme-light .live .drop-menu {
  background: #e3e3e3;
}
.app-desktop.theme-light .live .drop-menu a {
  color: #000;
  background: #e3e3e3;
}
.app-desktop.theme-light .live .drop-menu a.active {
  background: #95bb0f;
  color: #000000;
}

.app-mobile.theme-light .country-league {
  padding: 12px 20px;
  display: block;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  background: #e3e3e3;
  color: #000;
}
.app-mobile.theme-light .game {
  border-bottom: 1px solid #03324a;
  width: 100%;
  text-align: center;
  display: table;
  table-layout: fixed;
  line-height: 20px;
  background: #e3e3e3;
  color: #000;
}
.app-mobile.theme-light .game-more {
  color: #000;
  width: 35px;
}
.app-mobile.theme-light .game-scores {
  display: table-cell;
  background: #bfbfbf;
  border-right: 1px solid #03324a;
  width: 22px;
  vertical-align: middle;
  color: #000;
  font-weight: bold;
}
.app-mobile.theme-light .game-status {
  color: #000;
  line-height: 16px;
}
.app-mobile.theme-light .bets-types {
  overflow: hidden;
  text-align: center;
}
.app-mobile.theme-light .bets-types li > a.single {
  background: #939495;
  color: #fff;
}
.app-mobile.theme-light .match-item {
  background: #e3e3e3;
}
.app-mobile.theme-light .match-type {
  background: #bfbfbf;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 20px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  color: #000;
}
.app-mobile.theme-light .shout {
  position: fixed;
  bottom: 0;
  right: 0;
}

:root {
  --betmaxo-main: #093a2f;
  --betmaxo-secondary: #14805e;
  --betmaxo-tertiary: #fcdd1b;
  --betmaxo-accent: #3ecc9f;
  --betmaxo-white: #fff;
  --goal95-main: #03324a;
  --goal95-secondary: #082a3b;
  --goal95-accent: #96bc0f;
  --goal95-offwhite: #e3e3e3;
  --goal95-bets-accent: #e5b71a;
}

.mobile-navigation {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.mobile-navigation .navigation-wrapper {
  --mobile-nav-bg: #1D1D1D;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: var(--mobile-nav-bg, var(--goal95-main));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 10px;
}
.mobile-navigation .navigation-wrapper .nav-element {
  flex: 1 0 auto;
  padding: 4px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.mobile-navigation .navigation-wrapper .nav-element .nav-image {
  width: 30px;
  height: 30px;
}
.mobile-navigation .navigation-wrapper .nav-element .nav-title {
  text-align: center;
  font-weight: 600;
  font-size: 10px;
  color: var(--betmaxo-white);
}
.mobile-navigation .navigation-wrapper .nav-element.active {
  border-bottom: 2px solid var(--betmaxo-tertiary);
}
.mobile-navigation .navigation-wrapper .nav-element.active .nav-title {
  font-weight: 700;
  color: var(--betmaxo-tertiary);
}

.shout {
  position: unset;
}

.shout.ng-enter {
  transition: all 0.3s;
  opacity: 0;
  transform: translateY(56px);
}

.shout.ng-enter-active {
  opacity: 1;
  transform: none;
}

.shout.ng-leave {
  transition: all 0.3s;
}

.shout.ng-leave-active {
  opacity: 0;
  transform: translateY(56px);
}

.shout-name {
  display: inline-block;
  vertical-align: middle;
}

.shout-count {
  background: #03273a;
  display: inline-block;
  width: 24px;
  color: #eee;
  height: 24px;
  border-radius: 25px;
  text-align: center;
  vertical-align: middle;
}

.shout.open {
  opacity: 1;
  transform: none;
}

.app-desktop.theme-betmaxo .container-body.leagues .sports-events {
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.app-desktop.theme-betmaxo .container-body.leagues .sports-events.countries {
  border: none;
}
.app-desktop.theme-betmaxo .container-body.leagues .container-head {
  font-size: 15px;
  font-weight: 100;
  margin: 0;
  padding: 15px;
  background: transparent;
}
.app-desktop.theme-betmaxo .container-body.leagues .events-container {
  display: block;
  padding: 0 10px;
  margin: 0;
}
.app-desktop.theme-betmaxo .container-body.leagues .events-container .events-league {
  background: rgba(255, 255, 255, 0.05);
}
.app-desktop.theme-betmaxo .container-body.leagues .league-container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.app-desktop.theme-betmaxo .container-body.leagues .league-container .league-head {
  justify-content: space-between;
  color: #fff !important;
  background: transparent !important;
}
.app-desktop.theme-betmaxo .container-body.leagues .league-container .league-head .league-name {
  display: flex;
  align-items: center;
}
.app-desktop.theme-betmaxo .custom-select, .app-desktop.theme-betmaxo .line-select {
  font-size: 15px;
  font-weight: 400;
}
.app-desktop.theme-betmaxo .custom-select .selected-option, .app-desktop.theme-betmaxo .line-select .selected-option {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
}
.app-desktop.theme-betmaxo .live-overview-head market-filters {
  overflow-x: auto;
  overflow-y: hidden;
}
.app-desktop.theme-betmaxo .live-info .event-participants {
  flex: 1 1 auto;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .live-info .event-participants.side {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .live-info .event-participants.side .event-part {
  padding: 0;
  width: 100%;
}
.app-desktop.theme-betmaxo .live-info .event-participants .event-part.time {
  color: #c3c3c3;
}
.app-desktop.theme-betmaxo .time-opap {
  max-width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: flex-start;
  align-content: flex-start;
  /* Gaps */
  gap: 5px;
}
.app-desktop.theme-betmaxo .event-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}

.app-mobile.theme-betmaxo .container-body.leagues .sports-events {
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.app-mobile.theme-betmaxo .container-body.leagues .sports-events.countries {
  border: none;
}
.app-mobile.theme-betmaxo .container-body.leagues .container-head {
  font-size: 15px;
  font-weight: 100;
  margin: 0;
  padding: 15px;
}
.app-mobile.theme-betmaxo .container-body.leagues .events-container {
  display: block;
  padding: 0;
  margin: 0;
}
.app-mobile.theme-betmaxo .container-body.leagues .events-container .events-league {
  background: rgba(255, 255, 255, 0.05);
}
.app-mobile.theme-betmaxo .container-body.leagues .league-container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.app-mobile.theme-betmaxo .container-body.leagues .league-container .league-head {
  display: flex;
  justify-content: space-between;
  color: #fff !important;
  background: transparent;
}
.app-mobile.theme-betmaxo .container-body.leagues .league-container .league-head .league-name {
  padding: 5px;
  display: flex;
  align-items: center;
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.app-mobile.theme-betmaxo .container-body.leagues .league-container .league-head .event-count-odds {
  padding: 5px;
}
.app-mobile.theme-betmaxo .live-overview-game .date-head, .app-mobile.theme-betmaxo .league-container > .date-head {
  position: sticky;
  top: 46px;
  z-index: 1;
}
.app-mobile.theme-betmaxo .live-overview-game .date-head .league-name, .app-mobile.theme-betmaxo .league-container > .date-head .league-name {
  padding: 5px 10px;
  font-size: clamp(12px, 1.34vw, 14px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 10px;
}
.app-mobile.theme-betmaxo .live-overview-game .date-head .league-name .league-country-img, .app-mobile.theme-betmaxo .league-container > .date-head .league-name .league-country-img {
  width: 25px;
  height: 25px;
}
.app-mobile.theme-betmaxo .custom-select, .app-mobile.theme-betmaxo .line-select {
  font-size: clamp(11px, 1.5vw, 13px);
}
.app-mobile.theme-betmaxo .custom-select .selected-option, .app-mobile.theme-betmaxo .line-select .selected-option {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  font-size: clamp(11px, 1.5vw, 13px);
}
.app-mobile.theme-betmaxo .custom-select .selected-option span, .app-mobile.theme-betmaxo .line-select .selected-option span {
  font-size: clamp(11px, 1.5vw, 13px);
  text-wrap: nowrap;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}
.app-mobile.theme-betmaxo .match-price {
  margin-left: 0 !important;
}
.app-mobile.theme-betmaxo .time-opap {
  min-height: 20px;
  max-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
  gap: 10px;
}
.app-mobile.theme-betmaxo .event-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: flex-start;
  align-content: flex-start;
  /* Gaps */
}

.app-desktop.theme-betmaxo, .app-mobile.theme-betmaxo {
  /* Markets Selector */
  /* Sport tabs */
  /* Events Container */
  /* Live template details */
  /* Live Notifications */
}
.app-desktop.theme-betmaxo .title, .app-mobile.theme-betmaxo .title {
  font-size: 14px;
  font-weight: bold;
}
.app-desktop.theme-betmaxo .container-head, .app-mobile.theme-betmaxo .container-head {
  margin: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .container-head .events-totals, .app-mobile.theme-betmaxo .container-head .events-totals {
  font-size: 11px;
  color: #bbb;
}
.app-desktop.theme-betmaxo .odds-market-filter, .app-mobile.theme-betmaxo .odds-market-filter {
  width: 100%;
  padding: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .custom-select, .app-desktop.theme-betmaxo .line-select, .app-mobile.theme-betmaxo .custom-select, .app-mobile.theme-betmaxo .line-select {
  appearance: none;
  position: relative;
  user-select: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  padding: 10px;
}
.app-desktop.theme-betmaxo .custom-select.open .options-list, .app-desktop.theme-betmaxo .line-select.open .options-list, .app-mobile.theme-betmaxo .custom-select.open .options-list, .app-mobile.theme-betmaxo .line-select.open .options-list {
  opacity: 1;
  visibility: visible;
  transition: all 0.6s ease-in-out;
}
.app-desktop.theme-betmaxo .custom-select .selected-option, .app-desktop.theme-betmaxo .line-select .selected-option, .app-mobile.theme-betmaxo .custom-select .selected-option, .app-mobile.theme-betmaxo .line-select .selected-option {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
  border-radius: 4px;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .custom-select .arrow, .app-desktop.theme-betmaxo .line-select .arrow, .app-mobile.theme-betmaxo .custom-select .arrow, .app-mobile.theme-betmaxo .line-select .arrow {
  float: right;
}
.app-desktop.theme-betmaxo .custom-select .options-list, .app-desktop.theme-betmaxo .line-select .options-list, .app-mobile.theme-betmaxo .custom-select .options-list, .app-mobile.theme-betmaxo .line-select .options-list {
  position: absolute;
  top: 100%;
  right: 0;
  width: 250px;
  background: #ccc;
  color: #000;
  border: 1px solid #777;
  border-top: none;
  padding: 0;
  margin: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
}
.app-desktop.theme-betmaxo .custom-select .options-list li, .app-desktop.theme-betmaxo .custom-select .options-list li a, .app-desktop.theme-betmaxo .line-select .options-list li, .app-desktop.theme-betmaxo .line-select .options-list li a, .app-mobile.theme-betmaxo .custom-select .options-list li, .app-mobile.theme-betmaxo .custom-select .options-list li a, .app-mobile.theme-betmaxo .line-select .options-list li, .app-mobile.theme-betmaxo .line-select .options-list li a {
  list-style: none;
  padding: 15px;
  background: #ccc;
  color: #000;
  cursor: pointer;
  text-wrap: nowrap;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.app-desktop.theme-betmaxo .custom-select .options-list li:hover, .app-desktop.theme-betmaxo .custom-select .options-list li.selected, .app-desktop.theme-betmaxo .custom-select .options-list li.active, .app-desktop.theme-betmaxo .custom-select .options-list li.active a, .app-desktop.theme-betmaxo .custom-select .options-list li:hover a, .app-desktop.theme-betmaxo .line-select .options-list li:hover, .app-desktop.theme-betmaxo .line-select .options-list li.selected, .app-desktop.theme-betmaxo .line-select .options-list li.active, .app-desktop.theme-betmaxo .line-select .options-list li.active a, .app-desktop.theme-betmaxo .line-select .options-list li:hover a, .app-mobile.theme-betmaxo .custom-select .options-list li:hover, .app-mobile.theme-betmaxo .custom-select .options-list li.selected, .app-mobile.theme-betmaxo .custom-select .options-list li.active, .app-mobile.theme-betmaxo .custom-select .options-list li.active a, .app-mobile.theme-betmaxo .custom-select .options-list li:hover a, .app-mobile.theme-betmaxo .line-select .options-list li:hover, .app-mobile.theme-betmaxo .line-select .options-list li.selected, .app-mobile.theme-betmaxo .line-select .options-list li.active, .app-mobile.theme-betmaxo .line-select .options-list li.active a, .app-mobile.theme-betmaxo .line-select .options-list li:hover a {
  background: #fff;
  color: #005340;
}
.app-desktop.theme-betmaxo .market-filters-wrapper, .app-mobile.theme-betmaxo .market-filters-wrapper {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .market-filters-wrapper.left .selected-option, .app-mobile.theme-betmaxo .market-filters-wrapper.left .selected-option {
  justify-content: flex-start;
}
.app-desktop.theme-betmaxo .market-filters-wrapper.left .options-list, .app-mobile.theme-betmaxo .market-filters-wrapper.left .options-list {
  left: 0;
}
.app-desktop.theme-betmaxo .market-filters-wrapper.right .selected-option, .app-mobile.theme-betmaxo .market-filters-wrapper.right .selected-option {
  justify-content: flex-end;
}
.app-desktop.theme-betmaxo .market-filters-wrapper.right .options-list, .app-mobile.theme-betmaxo .market-filters-wrapper.right .options-list {
  right: 0;
}
.app-desktop.theme-betmaxo .sport-tabs, .app-mobile.theme-betmaxo .sport-tabs {
  margin: 0;
  position: relative;
  z-index: 1;
}
.app-desktop.theme-betmaxo .sport-tabs .nav, .app-mobile.theme-betmaxo .sport-tabs .nav {
  padding: 0 10px;
  overflow: auto;
  gap: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .sport-tabs .nav a, .app-mobile.theme-betmaxo .sport-tabs .nav a {
  font-size: 13px;
  background: none;
  gap: 5px;
  padding: 5px 0;
  border-bottom: 2px solid transparent;
  opacity: 0.75;
  transition: all 0.4s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
  /* With .current class */
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current, .app-mobile.theme-betmaxo .sport-tabs .nav a.current {
  opacity: 1;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.football, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.football {
  border-bottom: 2px solid #80ffb0;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.basketball, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.basketball {
  border-bottom: 2px solid #ffb000;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.tennis, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.tennis {
  border-bottom: 2px solid #b8ff6e;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.volleyball, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.volleyball {
  border-bottom: 2px solid #ffd682;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.table_tennis, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.table_tennis {
  border-bottom: 2px solid #72c2ff;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.handball, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.handball {
  border-bottom: 2px solid #4dbdf5;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.futsal, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.futsal {
  border-bottom: 2px solid #6bbbf5;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.ice_hockey, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.ice_hockey {
  border-bottom: 2px solid #acdcf8;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.darts, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.darts {
  border-bottom: 2px solid #ec7971;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.badminton, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.badminton {
  border-bottom: 2px solid #7bd8f3;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.beach_volleyball, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.beach_volleyball {
  border-bottom: 2px solid #efae6a;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.baseball, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.baseball {
  border-bottom: 2px solid #f89057;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.snooker, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.snooker {
  border-bottom: 2px solid #7ef6a3;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.cricket, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.cricket {
  border-bottom: 2px solid #d0ec77;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.counter_strike_go, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.counter_strike_go {
  border-bottom: 2px solid #4064f5;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a.current.dota_2, .app-mobile.theme-betmaxo .sport-tabs .nav a.current.dota_2 {
  border-bottom: 2px solid #fa3e3e;
}
.app-desktop.theme-betmaxo .sport-tabs .nav a img, .app-mobile.theme-betmaxo .sport-tabs .nav a img {
  width: 25px;
  height: 25px;
}
@media (hover: hover) {
  .app-desktop.theme-betmaxo .sport-tabs .nav a:hover, .app-mobile.theme-betmaxo .sport-tabs .nav a:hover {
    opacity: 1;
  }
}
.app-desktop.theme-betmaxo .container-body, .app-mobile.theme-betmaxo .container-body {
  border-radius: 6px;
}
.app-desktop.theme-betmaxo .container-body[data-sport=football], .app-mobile.theme-betmaxo .container-body[data-sport=football] {
  background: linear-gradient(160deg, #364d3c 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body .live-sports-bar, .app-mobile.theme-betmaxo .container-body .live-sports-bar {
  background: linear-gradient(160deg, #364d3c 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body[data-sport=basketball], .app-mobile.theme-betmaxo .container-body[data-sport=basketball] {
  background: linear-gradient(160deg, #4d4432 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body .live-sports-bar, .app-mobile.theme-betmaxo .container-body .live-sports-bar {
  background: linear-gradient(160deg, #4d4432 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body[data-sport=tennis], .app-mobile.theme-betmaxo .container-body[data-sport=tennis] {
  background: linear-gradient(160deg, #3f4d32 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body .live-sports-bar, .app-mobile.theme-betmaxo .container-body .live-sports-bar {
  background: linear-gradient(160deg, #3f4d32 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body[data-sport=volleyball], .app-mobile.theme-betmaxo .container-body[data-sport=volleyball] {
  background: linear-gradient(160deg, #4d4032 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body .live-sports-bar, .app-mobile.theme-betmaxo .container-body .live-sports-bar {
  background: linear-gradient(160deg, #4d4032 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body[data-sport=beach_volleyball], .app-mobile.theme-betmaxo .container-body[data-sport=beach_volleyball] {
  background: linear-gradient(160deg, #4d4032 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body .live-sports-bar, .app-mobile.theme-betmaxo .container-body .live-sports-bar {
  background: linear-gradient(160deg, #4d4032 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body[data-sport=table_tennis], .app-mobile.theme-betmaxo .container-body[data-sport=table_tennis] {
  background: linear-gradient(160deg, #36414d 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body .live-sports-bar, .app-mobile.theme-betmaxo .container-body .live-sports-bar {
  background: linear-gradient(160deg, #36414d 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body[data-sport=ice_hockey], .app-mobile.theme-betmaxo .container-body[data-sport=ice_hockey] {
  background: linear-gradient(160deg, #36444d 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body .live-sports-bar, .app-mobile.theme-betmaxo .container-body .live-sports-bar {
  background: linear-gradient(160deg, #36444d 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body[data-sport=darts], .app-mobile.theme-betmaxo .container-body[data-sport=darts] {
  background: linear-gradient(160deg, #4d2725 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body .live-sports-bar, .app-mobile.theme-betmaxo .container-body .live-sports-bar {
  background: linear-gradient(160deg, #4d2725 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body[data-sport=futsal], .app-mobile.theme-betmaxo .container-body[data-sport=futsal] {
  background: linear-gradient(160deg, #36434d 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body .live-sports-bar, .app-mobile.theme-betmaxo .container-body .live-sports-bar {
  background: linear-gradient(160deg, #36434d 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body[data-sport=handball], .app-mobile.theme-betmaxo .container-body[data-sport=handball] {
  background: linear-gradient(160deg, #24566f 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body .live-sports-bar, .app-mobile.theme-betmaxo .container-body .live-sports-bar {
  background: linear-gradient(160deg, #24566f 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body[data-sport=badminton], .app-mobile.theme-betmaxo .container-body[data-sport=badminton] {
  background: linear-gradient(160deg, #36484D 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .container-body .live-sports-bar, .app-mobile.theme-betmaxo .container-body .live-sports-bar {
  background: linear-gradient(160deg, #36484D 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .events-live, .app-desktop.theme-betmaxo .events-upcoming, .app-mobile.theme-betmaxo .events-live, .app-mobile.theme-betmaxo .events-upcoming {
  border-radius: 5px;
}
.app-desktop.theme-betmaxo .event-wrapper:not(:last-of-type) .event-inner, .app-mobile.theme-betmaxo .event-wrapper:not(:last-of-type) .event-inner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
}
.app-desktop.theme-betmaxo .event-wrapper:last-of-type .event-inner, .app-mobile.theme-betmaxo .event-wrapper:last-of-type .event-inner {
  border-bottom: none;
}
.app-desktop.theme-betmaxo .event-inner, .app-mobile.theme-betmaxo .event-inner {
  display: flex;
  width: 100%;
  flex: 1 0 1px;
}
.app-desktop.theme-betmaxo .event-title, .app-mobile.theme-betmaxo .event-title {
  background-color: hsla(0, 0%, 100%, 0.07);
  font-size: 11px;
  line-height: 30px;
}
.app-desktop.theme-betmaxo .event-bets-wrapper, .app-mobile.theme-betmaxo .event-bets-wrapper {
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .event-bets-wrapper .event-bets, .app-desktop.theme-betmaxo .event-bets-wrapper .event-bets-second, .app-mobile.theme-betmaxo .event-bets-wrapper .event-bets, .app-mobile.theme-betmaxo .event-bets-wrapper .event-bets-second {
  flex: 1 0 auto;
  font-weight: bold;
  min-height: 30px;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .event-bets-wrapper .event-bets .event-bet, .app-desktop.theme-betmaxo .event-bets-wrapper .event-bets-second .event-bet, .app-mobile.theme-betmaxo .event-bets-wrapper .event-bets .event-bet, .app-mobile.theme-betmaxo .event-bets-wrapper .event-bets-second .event-bet {
  font-size: clamp(10.5px, 1vw, 12px);
  width: 100%;
  text-align: center;
}
.app-desktop.theme-betmaxo .event-time,
.app-desktop.theme-betmaxo .event-dates, .app-mobile.theme-betmaxo .event-time,
.app-mobile.theme-betmaxo .event-dates {
  min-width: 50px;
  width: 5%;
}
.app-desktop.theme-betmaxo .date-head-sentinel, .app-mobile.theme-betmaxo .date-head-sentinel {
  height: 1px;
  visibility: hidden;
}
.app-desktop.theme-betmaxo .date-head, .app-mobile.theme-betmaxo .date-head {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #fff;
  font-size: clamp(10.5px, 1vw, 12px);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .date-head.is-sticky, .app-mobile.theme-betmaxo .date-head.is-sticky {
  background: #3c3c3c;
}
.app-desktop.theme-betmaxo .live-content .date-head,
.app-desktop.theme-betmaxo .sport-leagues .date-head,
.app-desktop.theme-betmaxo .event-coupon .date-head, .app-mobile.theme-betmaxo .live-content .date-head,
.app-mobile.theme-betmaxo .sport-leagues .date-head,
.app-mobile.theme-betmaxo .event-coupon .date-head {
  position: sticky;
  top: 0;
  z-index: 3;
}
.app-desktop.theme-betmaxo .full-dates, .app-mobile.theme-betmaxo .full-dates {
  padding-left: 10px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-wrap: nowrap;
  width: 50%;
}
.app-desktop.theme-betmaxo .teams-names, .app-mobile.theme-betmaxo .teams-names {
  flex: 1 1 auto;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 6px;
}
.app-desktop.theme-betmaxo .teams-names .event-participant, .app-mobile.theme-betmaxo .teams-names .event-participant {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .teams-names .event-participant .team-name, .app-mobile.theme-betmaxo .teams-names .event-participant .team-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (hover: hover) {
  .app-desktop.theme-betmaxo .teams-names:hover, .app-mobile.theme-betmaxo .teams-names:hover {
    color: #0f9;
  }
}
.app-desktop.theme-betmaxo .event-part, .app-mobile.theme-betmaxo .event-part {
  font-weight: 400;
  font-size: 10px;
}
.app-desktop.theme-betmaxo .event-start, .app-mobile.theme-betmaxo .event-start {
  text-align: left;
  min-width: 50px;
  width: unset;
}
.app-desktop.theme-betmaxo .markets, .app-mobile.theme-betmaxo .markets {
  display: flex;
  flex-grow: 1;
  position: relative;
}
.app-desktop.theme-betmaxo .event-markets, .app-mobile.theme-betmaxo .event-markets {
  flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .event-markets-container, .app-mobile.theme-betmaxo .event-markets-container {
  width: 100%;
  height: 100%;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .sport-markets, .app-mobile.theme-betmaxo .sport-markets {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .sport-market, .app-mobile.theme-betmaxo .sport-market {
  width: 100%;
  height: 100%;
}
.app-desktop.theme-betmaxo .sport-market .game-odds, .app-mobile.theme-betmaxo .sport-market .game-odds {
  padding: 0;
  display: block;
  vertical-align: unset;
  white-space: unset;
  width: 100%;
  height: 100%;
}
.app-desktop.theme-betmaxo .market-bet, .app-mobile.theme-betmaxo .market-bet {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .market-bet .event-odd, .app-mobile.theme-betmaxo .market-bet .event-odd {
  height: 100%;
  width: 100%;
  text-align: center;
  cursor: pointer;
  font-size: clamp(10.5px, 1vw, 12px);
  font-weight: 400;
  background: transparent;
  padding: 0;
  gap: 25px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .market-bet .event-odd.selected, .app-mobile.theme-betmaxo .market-bet .event-odd.selected {
  background-color: #ffffff;
}
.app-desktop.theme-betmaxo .market-bet .event-odd.selected .game-bet, .app-mobile.theme-betmaxo .market-bet .event-odd.selected .game-bet {
  color: #000;
}
.app-desktop.theme-betmaxo .market-bet .event-odd.selected .game-price, .app-mobile.theme-betmaxo .market-bet .event-odd.selected .game-price {
  color: #005340;
}
.app-desktop.theme-betmaxo .market-bet .event-odd.disabled, .app-mobile.theme-betmaxo .market-bet .event-odd.disabled {
  color: transparent;
  pointer-events: none;
  background: url(/img/lock.svg) no-repeat center;
}
.app-desktop.theme-betmaxo .market-bet .event-odd.disabled .game-price, .app-mobile.theme-betmaxo .market-bet .event-odd.disabled .game-price {
  display: none;
}
.app-desktop.theme-betmaxo .market-bet .event-odd .game-price, .app-mobile.theme-betmaxo .market-bet .event-odd .game-price {
  display: block;
  color: color(srgb 1 0.88 0.11);
}
.app-desktop.theme-betmaxo .market-bet .event-odd .event-bet, .app-mobile.theme-betmaxo .market-bet .event-odd .event-bet {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 40px;
  max-width: 150px;
}
.app-desktop.theme-betmaxo .market-bet .event-odd .btn, .app-mobile.theme-betmaxo .market-bet .event-odd .btn {
  border-radius: unset;
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .app-desktop.theme-betmaxo .market-bet .event-odd:hover, .app-mobile.theme-betmaxo .market-bet .event-odd:hover {
    background-color: rgba(255, 255, 255, 0.1019607843);
  }
  .app-desktop.theme-betmaxo .market-bet .event-odd:hover .game-price, .app-mobile.theme-betmaxo .market-bet .event-odd:hover .game-price {
    color: color(srgb 1 0.88 0.11);
  }
}
.app-desktop.theme-betmaxo .events-container, .app-mobile.theme-betmaxo .events-container {
  margin: 30px 0;
}
.app-desktop.theme-betmaxo .live-score .score, .app-mobile.theme-betmaxo .live-score .score {
  background: no-repeat center;
  position: relative;
  background-size: cover;
  height: 100%;
}
.app-desktop.theme-betmaxo .live-score .score:after, .app-mobile.theme-betmaxo .live-score .score:after {
  content: "";
  background: radial-gradient(1200px 850px at center 750px, transparent 0, transparent 80%, #1e1e1e 92%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.app-desktop.theme-betmaxo .live-info, .app-desktop.theme-betmaxo .pre-info, .app-mobile.theme-betmaxo .live-info, .app-mobile.theme-betmaxo .pre-info {
  width: 50%;
  min-height: 60px;
  max-height: 80px;
  cursor: pointer;
  padding: 10px;
  margin: 7px 0;
  position: relative;
  border-right: 1px solid rgba(255, 255, 255, 0.1019607843);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .pre-info .event-part.time, .app-mobile.theme-betmaxo .pre-info .event-part.time {
  color: #0F9;
}
.app-desktop.theme-betmaxo .event-teams, .app-mobile.theme-betmaxo .event-teams {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .event-details, .app-mobile.theme-betmaxo .event-details {
  flex: 1 0 auto;
  min-width: 0;
  width: 100%;
  border-spacing: 0;
  font-weight: bold;
}
.app-desktop.theme-betmaxo .event-details:hover, .app-mobile.theme-betmaxo .event-details:hover {
  color: #fff;
}
.app-desktop.theme-betmaxo .event-participants, .app-mobile.theme-betmaxo .event-participants {
  flex: 1 1 auto;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 4px;
}
.app-desktop.theme-betmaxo .event-score, .app-desktop.theme-betmaxo .sets-score, .app-mobile.theme-betmaxo .event-score, .app-mobile.theme-betmaxo .sets-score {
  width: 20px;
  gap: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  /* Alignment */
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .event-score .score, .app-mobile.theme-betmaxo .event-score .score {
  background: rgba(255, 255, 255, 0.1);
}
.app-desktop.theme-betmaxo .score, .app-mobile.theme-betmaxo .score {
  padding: 1px;
  font-size: clamp(10.5px, 1vw, 12px);
  text-align: center;
  font-weight: 700;
}
.app-desktop.theme-betmaxo .score::after, .app-mobile.theme-betmaxo .score::after {
  background: none;
}
.app-desktop.theme-betmaxo .event-scoreboard, .app-mobile.theme-betmaxo .event-scoreboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  /* Alignment */
  -webkit-box-align: end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 10px;
}
.app-desktop.theme-betmaxo .event-scoreboard .score-table, .app-mobile.theme-betmaxo .event-scoreboard .score-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 3px;
}
.app-desktop.theme-betmaxo .live-overview-opap, .app-mobile.theme-betmaxo .live-overview-opap {
  font-size: 10px;
  padding: 0 5px;
  color: #005340;
  background: #00FF99;
}
.app-desktop.theme-betmaxo .live-overview-count, .app-mobile.theme-betmaxo .live-overview-count {
  font-size: 10px;
}
.app-desktop.theme-betmaxo .live-buttons, .app-mobile.theme-betmaxo .live-buttons {
  margin: 7px 0;
  width: 50px;
  border-left: 1px solid rgba(255, 255, 255, 0.1019607843);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream {
  background: transparent;
  width: 100%;
  height: 100%;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-football, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-football {
  background: url("/img/betpress/football.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-football:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-football.active, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-football:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-football.active {
  background: url("/img/betpress/football-hover.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-football:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-football.active .icon-play, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-football:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-football.active .icon-play {
  color: #347A37;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-basketball, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-basketball {
  background: url("/img/betpress/basketball.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-basketball:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-basketball.active, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-basketball:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-basketball.active {
  background: url("/img/betpress/basketball-hover.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-basketball:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-basketball.active .icon-play, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-basketball:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-basketball.active .icon-play {
  color: #C18C00;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-tennis, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-tennis {
  background: url("/img/betpress/tennis.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-tennis:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-tennis.active, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-tennis:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-tennis.active {
  background: url("/img/betpress/tennis-hover.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-tennis:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-tennis.active .icon-play, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-tennis:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-tennis.active .icon-play {
  color: #5C8026;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-volleyball, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-volleyball {
  background: url("/img/betpress/volleyball.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-volleyball:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-volleyball.active, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-volleyball:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-volleyball.active {
  background: url("/img/betpress/volleyball-hover.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-volleyball:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-volleyball.active .icon-play, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-volleyball:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-volleyball.active .icon-play {
  color: #B36E60;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-beach_volleyball, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-beach_volleyball {
  background: url("/img/betpress/beach_volleyball.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-beach_volleyball:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-beach_volleyball.active, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-beach_volleyball:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-beach_volleyball.active {
  background: url("/img/betpress/beach_volleyball-hover.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-beach_volleyball:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-beach_volleyball.active .icon-play, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-beach_volleyball:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-beach_volleyball.active .icon-play {
  color: #4d4032;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-table_tennis, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-table_tennis {
  background: url("/img/betpress/table_tennis.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-table_tennis:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-table_tennis.active, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-table_tennis:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-table_tennis.active {
  background: url("/img/betpress/table_tennis-hover.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-table_tennis:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-table_tennis.active .icon-play, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-table_tennis:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-table_tennis.active .icon-play {
  color: #2650BC;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-ice_hockey, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-ice_hockey {
  background: url("/img/betpress/ice_hockey.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-ice_hockey:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-ice_hockey.active, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-ice_hockey:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-ice_hockey.active {
  background: url("/img/betpress/ice_hockey-hover.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-ice_hockey:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-ice_hockey.active .icon-play, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-ice_hockey:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-ice_hockey.active .icon-play {
  color: #36444d;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-darts, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-darts {
  background: url("/img/betpress/darts.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-darts:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-darts.active, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-darts:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-darts.active {
  background: url("/img/betpress/darts-hover.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-darts:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-darts.active .icon-play, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-darts:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-darts.active .icon-play {
  color: #4d2725;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-futsal, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-futsal {
  background: url("/img/betpress/futsal.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-futsal:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-futsal.active, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-futsal:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-futsal.active {
  background: url("/img/betpress/futsal-hover.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-futsal:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-futsal.active .icon-play, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-futsal:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-futsal.active .icon-play {
  color: #36434d;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-handball, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-handball {
  background: url("/img/betpress/handball.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-handball:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.widget-handball.active, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-handball:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.widget-handball.active {
  background: url("/img/betpress/handball-hover.svg") center center/20px 20px no-repeat;
}
.app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-handball:hover, .app-desktop.theme-betmaxo .live-buttons .live-overview-stream.video-handball.active .icon-play, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-handball:hover, .app-mobile.theme-betmaxo .live-buttons .live-overview-stream.video-handball.active .icon-play {
  color: #246A8C;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.app-desktop.theme-betmaxo .sport-empty, .app-mobile.theme-betmaxo .sport-empty {
  margin-top: 0;
}
.app-desktop.theme-betmaxo .live-overview-head, .app-mobile.theme-betmaxo .live-overview-head {
  padding: 10px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
  gap: 15px;
}
.app-desktop.theme-betmaxo .live-overview-head .live-overview-filter, .app-desktop.theme-betmaxo .live-overview-head .live-overview-filter .nav, .app-mobile.theme-betmaxo .live-overview-head .live-overview-filter, .app-mobile.theme-betmaxo .live-overview-head .live-overview-filter .nav {
  width: 100%;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  /* Alignment */
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 15px;
}
.app-desktop.theme-betmaxo .live-overview-head .live-overview-filter .filter-tabs a, .app-desktop.theme-betmaxo .live-overview-head .live-overview-filter .nav .filter-tabs a, .app-mobile.theme-betmaxo .live-overview-head .live-overview-filter .filter-tabs a, .app-mobile.theme-betmaxo .live-overview-head .live-overview-filter .nav .filter-tabs a {
  border-bottom: 2px solid transparent;
  font-weight: 600;
}
.app-desktop.theme-betmaxo .live-overview-head .live-overview-filter .filter-tabs a.active, .app-desktop.theme-betmaxo .live-overview-head .live-overview-filter .nav .filter-tabs a.active, .app-mobile.theme-betmaxo .live-overview-head .live-overview-filter .filter-tabs a.active, .app-mobile.theme-betmaxo .live-overview-head .live-overview-filter .nav .filter-tabs a.active {
  border-bottom: 2px solid white;
}
@media (hover: hover) {
  .app-desktop.theme-betmaxo .live-overview-head .live-overview-filter .filter-tabs a:hover, .app-desktop.theme-betmaxo .live-overview-head .live-overview-filter .nav .filter-tabs a:hover, .app-mobile.theme-betmaxo .live-overview-head .live-overview-filter .filter-tabs a:hover, .app-mobile.theme-betmaxo .live-overview-head .live-overview-filter .nav .filter-tabs a:hover {
    color: #fff;
  }
}
.app-desktop.theme-betmaxo .live-overview-head .live-overview-filter::after, .app-desktop.theme-betmaxo .live-overview-head .live-overview-filter .nav::after, .app-mobile.theme-betmaxo .live-overview-head .live-overview-filter::after, .app-mobile.theme-betmaxo .live-overview-head .live-overview-filter .nav::after {
  content: unset;
}
.app-desktop.theme-betmaxo .home-table-more-btn, .app-mobile.theme-betmaxo .home-table-more-btn {
  padding: 10px;
  font-weight: bold;
  text-align: center;
}
.app-desktop.theme-betmaxo .event-participant.live-notify, .app-mobile.theme-betmaxo .event-participant.live-notify {
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
  gap: 10px;
}
.app-desktop.theme-betmaxo .event-participant.live-notify .bell, .app-mobile.theme-betmaxo .event-participant.live-notify .bell {
  background: rgb(255, 214, 0);
  color: #000;
  padding: 1px 6px;
  text-transform: uppercase;
}
.app-desktop.theme-betmaxo .event-participant.live-notify .cards.red, .app-mobile.theme-betmaxo .event-participant.live-notify .cards.red {
  background: rgb(213, 0, 17);
  color: rgba(255, 255, 255, 0.76);
  border-radius: 3px;
  width: 12px;
  height: 15px;
  font-size: 8px;
  text-align: center;
  font-weight: 700;
  padding: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}

.app-mobile.theme-betmaxo .swiper-button-prev, .app-mobile.theme-betmaxo .swiper-button-next {
  display: none;
}

.theme-betmaxo {
  /* Slides components */
}
.theme-betmaxo .promo.sport {
  height: 250px !important;
}
.theme-betmaxo .promo.casino-carousel {
  height: 300px !important;
}
.theme-betmaxo .swiper-slide {
  cursor: pointer;
}
.theme-betmaxo .swiper-slide .slide-image {
  width: 100%;
  border-radius: 6px;
}
.theme-betmaxo .slide-bg {
  transform: none !important;
  background: no-repeat center;
  background-size: 100% 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.theme-betmaxo .slide-content {
  height: 100%;
  padding: 10px;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.theme-betmaxo .slide-event-info {
  gap: 5px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.theme-betmaxo .slide-event-info .slide-event-date {
  font-size: 12px;
}
.theme-betmaxo .slide-event-info .slide-team-name {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}
.theme-betmaxo .slide-odds {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.theme-betmaxo .slide-odd-btn {
  width: 100%;
  background-color: #383838;
  height: 38px;
  border-radius: 12px;
  padding: 5px 15px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.theme-betmaxo .slide-odd-btn .promo-bet {
  color: #fff;
}
.theme-betmaxo .slide-odd-btn .promo-price {
  color: #ffdf1b;
  font-weight: bold;
}
.theme-betmaxo .slide-odd-btn.selected {
  background-color: #FFFFFF;
}
.theme-betmaxo .slide-odd-btn.selected * {
  font-weight: bold;
  color: #14805e;
}
.theme-betmaxo .slide-odd-btn.disabled {
  background: url(/img/lock.svg) no-repeat center #383838;
  color: transparent;
  cursor: default;
}
.theme-betmaxo .slide-odd-btn.disabled .promo-bet, .theme-betmaxo .slide-odd-btn.disabled .promo-price {
  display: none;
}
.theme-betmaxo .slide-odd-btn .promo-price {
  margin-left: 15px;
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .theme-betmaxo .slide-odd-btn:hover {
    background-color: #515151;
  }
  .theme-betmaxo .slide-odd-btn:hover * {
    font-weight: bold;
  }
}
@keyframes sweep {
  from {
    left: -20%;
  }
  to {
    left: 100%;
  }
}
@keyframes swiperProgress {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.theme-betmaxo .swiper {
  --swiper-navigation-size: 16px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.theme-betmaxo .swiper .swiper-pagination {
  margin-top: 18px;
  position: relative;
  text-align: center;
}
.theme-betmaxo .swiper .swiper-pagination .swiper-pagination-bullet {
  background: var(--grayscale-0);
  position: relative;
  width: 40px;
  height: 3px;
  background-color: var(--grayscale-500);
  border-radius: 1px;
  overflow: hidden;
  margin: 0 10px;
  opacity: 1;
  box-shadow: inset 0 0 4px rgba(255, 215, 0, 0.1);
  transition: background-color 0.3s ease;
}
.theme-betmaxo .swiper .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgba(74, 207, 165, 0.82), #005340, #4ACFA5);
  box-shadow: 13px 0 18px 0 #27a17b, inset 0px -2px 0px #4ACFA5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.theme-betmaxo .swiper .swiper-pagination .swiper-pagination-bullet:hover {
  transform: scale(1.02);
}
.theme-betmaxo .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--grayscale-900);
}
.theme-betmaxo .swiper .swiper-pagination .swiper-pagination-bullet-active::after {
  animation: swiperProgress 6200ms ease-in-out forwards;
}
.theme-betmaxo .swiper .swiper-pagination .swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20%;
  width: 20%;
  height: 100%;
  transform: skewX(-30deg);
  animation: sweep 2s infinite linear;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.06);
}
.theme-betmaxo .swiper .swiper-pagination .swiper-pagination-bullet:not(.theme-betmaxo .swiper .swiper-pagination .swiper-pagination-bullet-active)::after {
  transform: scaleX(0);
  animation: none !important;
}
.theme-betmaxo .swiper .swiper-horizontal .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.theme-betmaxo .swiper .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 0;
  transform: translateX(0);
}
.theme-betmaxo .swiper .swiper-button-prev, .theme-betmaxo .swiper .swiper-button-next {
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #666;
  color: #aaa;
  height: 30px;
  width: 30px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
  transition: 0.2s ease-in-out;
}
@media (hover: hover) {
  .theme-betmaxo .swiper .swiper-button-prev:hover, .theme-betmaxo .swiper .swiper-button-next:hover {
    border: 2px solid #37B08C;
    color: #39e6b3;
  }
}
@media (max-width: 768px) {
  .theme-betmaxo .swiper {
    --swiper-navigation-size: 18px;
  }
  .theme-betmaxo .swiper .swiper-button-prev, .theme-betmaxo .swiper .swiper-button-next {
    height: 36px;
    width: 36px;
  }
}
.theme-betmaxo .swiper .swiper-slide {
  height: auto;
  border-radius: 6px;
}
.theme-betmaxo .swiper .swiper-slide .slide-image {
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: 5px;
  background-size: 100% 100%;
  background: no-repeat center center;
  min-height: 150px;
}
.theme-betmaxo .swiper:hover .swiper-pagination .swiper-pagination-bullet-active::after {
  animation-play-state: paused;
}

.app-desktop.theme-betmaxo .match-head, .app-mobile.theme-betmaxo .match-head {
  background: linear-gradient(rgba(12, 22, 20, 0.1), transparent 20px), radial-gradient(122% 370px at center -220px, rgb(0, 153, 105) 0px, transparent 100%), linear-gradient(to right bottom, rgb(12, 22, 20), rgb(8, 68, 54));
  padding: 0 !important;
  height: auto;
  border-bottom: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .match-league-wrapper, .app-mobile.theme-betmaxo .match-league-wrapper {
  padding: 10px 15px;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .match-league-wrapper .match-league, .app-mobile.theme-betmaxo .match-league-wrapper .match-league {
  margin-bottom: 0;
  gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .match-league-wrapper .match-league .match-back, .app-mobile.theme-betmaxo .match-league-wrapper .match-league .match-back {
  text-transform: capitalize;
  gap: 10px;
  color: rgba(255, 255, 255, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .match-league-wrapper .match-league .match-back img, .app-mobile.theme-betmaxo .match-league-wrapper .match-league .match-back img {
  width: 20px;
  height: 20px;
}
@media (hover: hover) {
  .app-desktop.theme-betmaxo .match-league-wrapper .match-league .match-back:hover, .app-mobile.theme-betmaxo .match-league-wrapper .match-league .match-back:hover {
    color: #ffffff;
  }
}
.app-desktop.theme-betmaxo .match-league-wrapper .match-start, .app-mobile.theme-betmaxo .match-league-wrapper .match-start {
  float: none;
  margin: 0;
}
.app-desktop.theme-betmaxo .match-name, .app-mobile.theme-betmaxo .match-name {
  font-size: 21px;
  font-weight: 700;
  text-transform: capitalize;
}
.app-desktop.theme-betmaxo .match, .app-mobile.theme-betmaxo .match {
  background: #383838;
}
.app-desktop.theme-betmaxo .match-item, .app-mobile.theme-betmaxo .match-item {
  background: linear-gradient(126deg, #404a47, #444);
  color: #ddd;
  position: relative;
  margin: 10px 5px;
  border-radius: 6px;
  overflow: hidden;
}
.app-desktop.theme-betmaxo .match-item .match-type, .app-mobile.theme-betmaxo .match-item .match-type {
  font-size: 14px;
  padding: 15px;
  font-weight: 700;
  border-bottom: 1px solid #636363;
  width: 100%;
  background: transparent;
  align-content: start;
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
@media (hover: hover) {
  .app-desktop.theme-betmaxo .match-item .match-type:hover, .app-mobile.theme-betmaxo .match-item .match-type:hover {
    color: #4ACFA5;
  }
}
.app-desktop.theme-betmaxo .match-odds, .app-mobile.theme-betmaxo .match-odds {
  padding: 0;
}
.app-desktop.theme-betmaxo .match-btn, .app-mobile.theme-betmaxo .match-btn {
  cursor: pointer;
  color: #ffdf1b;
  background: transparent;
  border: none;
  width: 100%;
  height: 45px;
  margin-bottom: unset;
  border-radius: 0;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
  min-width: 0;
  font-weight: 300;
  gap: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .match-btn.selected, .app-mobile.theme-betmaxo .match-btn.selected {
  background-color: #ffffff;
}
.app-desktop.theme-betmaxo .match-btn.selected .match-bet, .app-mobile.theme-betmaxo .match-btn.selected .match-bet {
  color: #000;
}
.app-desktop.theme-betmaxo .match-btn.selected .match-price, .app-mobile.theme-betmaxo .match-btn.selected .match-price {
  color: #005340;
}
.app-desktop.theme-betmaxo .match-btn.disabled, .app-mobile.theme-betmaxo .match-btn.disabled {
  background: url("../../img/lock.svg") no-repeat center;
  color: transparent;
  cursor: default;
  pointer-events: none;
  visibility: unset;
}
.app-desktop.theme-betmaxo .match-btn.disabled *, .app-mobile.theme-betmaxo .match-btn.disabled * {
  color: transparent;
}
@media (hover: hover) {
  .app-desktop.theme-betmaxo .match-btn:hover, .app-mobile.theme-betmaxo .match-btn:hover {
    background-color: hsla(0, 0%, 100%, 0.15);
  }
  .app-desktop.theme-betmaxo .match-btn:hover .match-bet, .app-mobile.theme-betmaxo .match-btn:hover .match-bet {
    color: #fff;
  }
  .app-desktop.theme-betmaxo .match-btn:hover .match-price, .app-mobile.theme-betmaxo .match-btn:hover .match-price {
    color: color(srgb 1 0.88 0.11);
  }
}
.app-desktop.theme-betmaxo .ou-table:not(:last-child), .app-mobile.theme-betmaxo .ou-table:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.1019607843);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
}
.app-desktop.theme-betmaxo .odds-col, .app-mobile.theme-betmaxo .odds-col {
  flex: auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .one-third, .app-mobile.theme-betmaxo .one-third {
  flex: 1 0 33.33333%;
}
.app-desktop.theme-betmaxo .match-bet, .app-mobile.theme-betmaxo .match-bet {
  float: none;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  padding-right: 0;
  min-width: 0;
}
.app-desktop.theme-betmaxo .half-flex, .app-mobile.theme-betmaxo .half-flex {
  flex: 0 0 50%;
}
.app-desktop.theme-betmaxo .match-price, .app-mobile.theme-betmaxo .match-price {
  float: none;
  padding: 0;
}
.app-desktop.theme-betmaxo .bet-title-head, .app-mobile.theme-betmaxo .bet-title-head {
  width: 100%;
  height: 30px;
  background: rgba(255, 255, 255, 0.1019607843);
  padding: 7px;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
  min-width: 0;
}
.app-desktop.theme-betmaxo .oddline, .app-mobile.theme-betmaxo .oddline {
  background: transparent;
  border: none;
  height: 45px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .oddline.unset-height, .app-mobile.theme-betmaxo .oddline.unset-height {
  height: unset;
}
.app-desktop.theme-betmaxo .oddline span, .app-mobile.theme-betmaxo .oddline span {
  flex: 1;
  text-align: center;
}
.app-desktop.theme-betmaxo .oddline::after, .app-mobile.theme-betmaxo .oddline::after {
  content: "";
  display: block;
  width: 1px;
  height: 60%;
  background: rgba(255, 255, 255, 0.1019607843);
}
.app-desktop.theme-betmaxo .match-tabs, .app-mobile.theme-betmaxo .match-tabs {
  background-color: transparent;
  font-size: 13px;
  height: unset !important;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #148361;
}
.app-desktop.theme-betmaxo .match-tabs li, .app-mobile.theme-betmaxo .match-tabs li {
  padding: 0 10px;
}
.app-desktop.theme-betmaxo .match-tabs a, .app-mobile.theme-betmaxo .match-tabs a {
  color: #fff;
  padding: 10px 0;
  font-weight: 400;
  transition: all 0.4s ease-in-out;
  border-bottom: 2px solid transparent;
}
.app-desktop.theme-betmaxo .match-tabs a.active, .app-mobile.theme-betmaxo .match-tabs a.active {
  color: #fff !important;
  font-weight: 400;
}
.app-desktop.theme-betmaxo .match-tabs li a.active, .app-mobile.theme-betmaxo .match-tabs li a.active {
  border-bottom: 2px solid #FADF40;
}
.app-desktop.theme-betmaxo .match-tabs ul, .app-mobile.theme-betmaxo .match-tabs ul {
  padding: 0 !important;
}
@media (hover: hover) {
  .app-desktop.theme-betmaxo .match-tabs a:hover, .app-mobile.theme-betmaxo .match-tabs a:hover {
    color: #fff !important;
    font-weight: 400;
  }
  .app-desktop.theme-betmaxo .match-tabs li a:hover, .app-mobile.theme-betmaxo .match-tabs li a:hover {
    border-bottom: 2px solid #FADF40;
  }
}
.app-desktop.theme-betmaxo .live .match-tabs, .app-mobile.theme-betmaxo .live .match-tabs {
  background-color: transparent;
  font-size: 13px;
  height: unset !important;
  position: relative;
  z-index: 2;
  border-top: unset;
  border-bottom: 1px solid #148361;
}
.app-desktop.theme-betmaxo .live .match-tabs li, .app-mobile.theme-betmaxo .live .match-tabs li {
  margin: 5px;
  padding: 0;
}
.app-desktop.theme-betmaxo .live .match-tabs li a, .app-mobile.theme-betmaxo .live .match-tabs li a {
  color: rgba(255, 255, 255, 0.825);
  font-weight: 600;
  border-radius: 15px;
  padding: 6px 15px;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.app-desktop.theme-betmaxo .live .match-tabs li a.active, .app-mobile.theme-betmaxo .live .match-tabs li a.active {
  border: none;
  background: #00FFB6;
  color: #000 !important;
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .app-desktop.theme-betmaxo .live .match-tabs li a:hover, .app-mobile.theme-betmaxo .live .match-tabs li a:hover {
    border: none;
    background: #00FFB6;
    color: #000 !important;
  }
}

.app-mobile.theme-betmaxo .match-odds-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-mobile.theme-betmaxo .odds-row {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-mobile.theme-betmaxo .odds-row.wrap {
  flex-wrap: wrap;
}
.app-mobile.theme-betmaxo .col-label {
  max-width: 70px;
  min-width: 70px;
}
.app-mobile.theme-betmaxo .match-btn {
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
  white-space: nowrap;
  text-wrap: nowrap;
}
.app-mobile.theme-betmaxo .match-btn.vertical {
  display: block;
}
.app-mobile.theme-betmaxo .match-btn.vertical .match-bet {
  margin-bottom: 5px;
}
.app-mobile.theme-betmaxo .live .match-league {
  width: 100%;
}
.app-mobile.theme-betmaxo .live .match-league.vertical-name {
  text-wrap: nowrap;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
  gap: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-mobile.theme-betmaxo .live .match-league.vertical {
  max-width: 20px;
  gap: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-mobile.theme-betmaxo .live .match-league.row {
  width: 100%;
  gap: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-mobile.theme-betmaxo .live .match-head {
  background: #282828;
  color: #fff;
}
.app-mobile.theme-betmaxo .live .match-head .match-league {
  gap: 0;
}
.app-mobile.theme-betmaxo .live .match-head .match-league .match-teams-score {
  color: #fcdd1b;
  font-weight: bold;
  font-size: 20px;
  gap: 15px;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  /* Alignment */
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-mobile.theme-betmaxo .live .match-head .match-league .match-teams-score.tennis {
  font-size: 13px;
}
.app-mobile.theme-betmaxo .live .match-head .match-league .match-name {
  padding: 0 5px;
  text-wrap: wrap;
  white-space: wrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  min-width: 0;
}
.app-mobile.theme-betmaxo .live .match-head .match-league .match-name.non-tennis {
  flex: 1 0 25%;
  text-align: center;
}
.app-mobile.theme-betmaxo .live .match-tabs {
  border-top: 1px solid #00FFB6;
}

.app-desktop.theme-betmaxo .odds-row {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .odds-row.wrap {
  flex-wrap: wrap;
}
.app-desktop.theme-betmaxo .match-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.app-desktop.theme-betmaxo .col-label {
  flex: 1 0 20%;
}
.app-desktop.theme-betmaxo .match-league-wrapper .match-name {
  padding: 25px 0;
}

.app-desktop.theme-betmaxo {
  /* Vars */
  --live-bg: #282828;
  --live-link-bg: #282828;
  --live-link-border: #5a5a5a;
  --live-hover-bg: #63706c;
  --live-empty-bg: #3d3d3d;
  --live-empty-color: #c7c7c7;
  --live-name-color: #e4e4e4;
  --live-sport-border: #474747;
  --live-sport-color: #c3c3c3;
  --live-sport-top-border: #25765c;
  --live-league-bg: #404a47;
  --live-league-border: #505050;
  --live-event-bg: #2d3734;
  --live-event-color: #c3c3c3;
  --live-event-current-bg: #63706c;
  --live-event-current-color: #ffffff;
  --live-event-score: #ffffff;
  --live-event-score-active: #ffdf1b;
  --live-event-score-points: #a7a7a7;
  --live-event-result-color: #a7a7a7;
  --live-event-info-color: #c3c3c3;
  /* Bet365 */
}
.app-desktop.theme-betmaxo .live-menu {
  height: 100%;
  position: sticky;
  top: 0;
  left: 0;
  max-width: 50px;
  background: var(--live-bg);
  font-size: 13px;
  z-index: 1000;
}
.app-desktop.theme-betmaxo .live-menu a {
  transition: all 0.4s;
}
.app-desktop.theme-betmaxo .live-menu a:hover {
  color: var(--live-name-color);
}
.app-desktop.theme-betmaxo .live-menu-name {
  color: var(--live-name-color);
  font-size: 13px;
}
.app-desktop.theme-betmaxo .live-menu-fav > a > i {
  background-position: left bottom;
  position: absolute;
  right: 8px;
  top: 8px;
}
.app-desktop.theme-betmaxo .live-menu-empty {
  background: var(--live-empty-bg);
  padding: 10px 20px;
  color: var(--live-empty-color);
}
.app-desktop.theme-betmaxo .live-sport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .live-sport .sport-button {
  position: relative;
  width: 100%;
  background: var(--live-bg);
  color: var(--live-sport-color);
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .live-sport .sport-button:hover {
  background-color: var(--live-hover-bg);
}
.app-desktop.theme-betmaxo .live-sport .sport-drop {
  position: absolute;
  top: 0%;
  left: 100%;
  opacity: 0;
  visibility: hidden;
  min-width: 500px;
  overflow: hidden;
  background-image: linear-gradient(155deg, #1e2a27, #133d30);
}
.app-desktop.theme-betmaxo .live-sport .sport-drop.open {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
.app-desktop.theme-betmaxo .live-sport-img {
  width: 20px;
}
.app-desktop.theme-betmaxo .live-sport-img img {
  width: 100%;
}
.app-desktop.theme-betmaxo .live-menu-bg-fade {
  width: 100%;
  position: absolute;
}
.app-desktop.theme-betmaxo .live-menu-bg-fade .bg-copy {
  position: relative;
  margin: auto;
  width: 300px;
  height: 300px;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  background-color: rgba(40, 255, 187, 0.25);
  border-radius: 100%;
  top: -250px;
}
.app-desktop.theme-betmaxo .sticky-drop-head {
  min-height: 55px;
  text-align: center;
  font-size: clamp(13px, 1.5vw, 15px);
  font-weight: bold;
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .sticky-drop-head .sticky-drop-head-title {
  flex: 1;
  text-align: center;
}
.app-desktop.theme-betmaxo .menu-close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 48px;
  height: 55px;
  background: no-repeat center/28px 28px url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23324642'/%3E%3Cpath fill='%23FFF' d='M14.743 13.943l5.144-5.193-.743-.75L14 13.193 8.856 8l-.743.75 5.144 5.193L8 19.25l.743.75L14 14.693 19.257 20l.743-.75z'/%3E%3C/g%3E%3C/svg%3E");
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .app-desktop.theme-betmaxo .menu-close:hover {
    background: no-repeat center/28px 28px url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23324642'/%3E%3Cpath fill='%2300DEA9' d='M14.743 13.943l5.144-5.193-.743-.75L14 13.193 8.856 8l-.743.75 5.144 5.193L8 19.25l.743.75L14 14.693 19.257 20l.743-.75z'/%3E%3C/g%3E%3C/svg%3E");
  }
}
.app-desktop.theme-betmaxo .live-league-wrapper {
  overflow: auto;
  max-height: 500px;
  position: relative;
  z-index: 2;
}
.app-desktop.theme-betmaxo .live-league {
  text-align: center;
}
.app-desktop.theme-betmaxo .live-league > a {
  background: url("../../img/arrow-down.png") right 14px center no-repeat transparent;
  height: 50px;
  color: #28FFBB;
  border-top: 1px solid var(--live-league-border);
  padding: 7px 25px 7px 14px;
  font-size: 13px;
  font-weight: 700;
  line-height: 35px;
}
.app-desktop.theme-betmaxo .live-league.open > a {
  background-image: none;
  border-bottom: none;
}
.app-desktop.theme-betmaxo .live-league:last-child {
  border-bottom: none;
}
.app-desktop.theme-betmaxo .live-event a {
  color: var(--live-event-color);
  font-size: 13px;
  line-height: 19px;
  font-weight: bold;
  padding: 0;
}
.app-desktop.theme-betmaxo .live-event a.current {
  background: hsl(164, 13%, 23%);
  color: var(--live-event-current-color);
}
.app-desktop.theme-betmaxo .live-event a:hover {
  background: hsl(164, 13%, 23%);
}
.app-desktop.theme-betmaxo .live-event-name {
  overflow: hidden;
}
.app-desktop.theme-betmaxo .live-event-info {
  display: block;
  font-size: 10px;
}
.app-desktop.theme-betmaxo .live-event-results {
  float: right;
  color: var(--live-event-result-color);
}
.app-desktop.theme-betmaxo .live-event-score {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: var(--live-event-score);
}
.app-desktop.theme-betmaxo .live-event-score.active {
  color: var(--live-event-score-active);
}
.app-desktop.theme-betmaxo .live-event-score.points {
  color: var(--live-event-score-points);
}
.app-desktop.theme-betmaxo .live-event-stream {
  width: 15px;
  height: 10px;
  display: inline-block;
  background: url("../../img/live-menu-stream.svg") no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin-left: 4px;
}
.app-desktop.theme-betmaxo .live-event-fav {
  position: absolute;
  right: 0;
  top: -12px;
  cursor: pointer;
  opacity: 0;
  transition: all 0.5s;
  line-height: 1;
}
.app-desktop.theme-betmaxo .live-event-fav i {
  width: 24px;
  height: 24px;
}
.app-desktop.theme-betmaxo .live-event-fav:hover i, .app-desktop.theme-betmaxo .live-event-fav.active i {
  background-position: left bottom;
}
.app-desktop.theme-betmaxo .live-event:hover .live-event-fav {
  opacity: 1;
}
.app-desktop.theme-betmaxo .live-event.ng-enter {
  transition: all 0.4s;
  max-height: 0;
  overflow: hidden;
}
.app-desktop.theme-betmaxo .live-event.ng-enter-active {
  max-height: 54px;
}
.app-desktop.theme-betmaxo .live-event.ng-leave {
  transition: all 0.4s;
  overflow: hidden;
  max-height: 54px;
}
.app-desktop.theme-betmaxo .live-event.ng-leave-active {
  max-height: 0;
}
.app-desktop.theme-betmaxo .live-event-time {
  margin-left: 4px;
}
.app-desktop.theme-betmaxo .live-menu-event-scores {
  display: flex;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 600px;
}
.app-desktop.theme-betmaxo .home, .app-desktop.theme-betmaxo .away {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.app-desktop.theme-betmaxo .home {
  justify-content: flex-end; /* align content to right */
  gap: 8px;
  height: 30px;
}
.app-desktop.theme-betmaxo .away {
  justify-content: flex-start; /* align content to left */
  gap: 8px;
  height: 30px;
}
.app-desktop.theme-betmaxo .live-event-name {
  font-weight: 600;
  color: #fff;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-desktop.theme-betmaxo .live-event-score {
  font-weight: bold;
  color: #28FFBB;
  min-width: 20px;
  text-align: center;
}
.app-desktop.theme-betmaxo .live-event-info-tennis {
  font-size: 10px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-desktop.theme-betmaxo .live-event-info-tennis .live-event-stream {
  display: block;
  margin: unset;
}
.app-desktop.theme-betmaxo .live-menu-event-scores-tennis {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 4px;
}
.app-desktop.theme-betmaxo .live-menu-event-scores-tennis .tennis-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.app-desktop.theme-betmaxo .live-menu-event-scores-tennis .player-name {
  flex-grow: 1;
  text-align: left;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.app-desktop.theme-betmaxo .live-menu-event-scores-tennis .tennis-score {
  width: 30px;
  text-align: right;
  color: #0f9;
  font-weight: bold;
}
.app-desktop.theme-betmaxo .live-menu-event-scores-tennis .tennis-event-score {
  color: var(--live-event-score-active);
}

.app-mobile.theme-betmaxo .live-menu {
  display: none;
}

.app-desktop.theme-betmaxo {
  /* Dropdown */
}
.app-desktop.theme-betmaxo .head {
  background: linear-gradient(90deg, #282828, #005440 7.5%, #005440 92.5%, #282828);
  position: relative;
  z-index: 10;
  border-bottom: unset;
}
.app-desktop.theme-betmaxo .head-main {
  height: 70px;
}
.app-desktop.theme-betmaxo .head-nav {
  float: left;
  top: 50%;
  margin-top: -24px;
  position: relative;
}
.app-desktop.theme-betmaxo .head-sub {
  background: #282828;
  color: #EFEFEF;
  height: 45px;
}
@media only screen and (min-width: 1440px) {
  .app-desktop.theme-betmaxo .head-main, .app-desktop.theme-betmaxo .head-sub {
    padding: 0 10%;
  }
}
@media only screen and (max-width: 1440px) {
  .app-desktop.theme-betmaxo .head-main, .app-desktop.theme-betmaxo .head-sub {
    padding: 0 20px;
  }
}
.app-desktop.theme-betmaxo .head-logo-b {
  background: url(../../img/logo.svg) no-repeat left center;
  width: 120px;
  height: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
  position: absolute;
  z-index: 1;
}
.app-desktop.theme-betmaxo .head-logo.demo {
  background: url(../../img/logo_esofthall.png) no-repeat left center;
  width: 200px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
  position: absolute;
  z-index: 1;
}
.app-desktop.theme-betmaxo .head-sport {
  position: absolute;
  right: 25px;
  left: 25px;
  text-align: center;
}
.app-desktop.theme-betmaxo .head-sport li {
  display: inline-block;
  vertical-align: bottom;
  padding: 0 5px;
}
.app-desktop.theme-betmaxo .head-sport a {
  border-bottom: 2px solid transparent;
  font-size: 13px;
  font-weight: 700;
  color: #e4e4e4;
  line-height: 55px;
  padding: 0 5px;
}
.app-desktop.theme-betmaxo .head-sport a.current, .app-desktop.theme-betmaxo .head-sport a.active {
  border-bottom-color: #0f9;
  color: #0f9;
  font-weight: 700;
}
@media (hover: hover) {
  .app-desktop.theme-betmaxo .head-sport a:hover {
    color: #0f9;
  }
}
.app-desktop.theme-betmaxo .head-settings {
  float: right;
  padding: 9px 0;
  font-weight: unset;
}
.app-desktop.theme-betmaxo .head-user-b {
  float: right;
  top: 50%;
  position: relative;
  margin-top: -18px;
}
.app-desktop.theme-betmaxo .head-menu {
  float: left;
  text-transform: unset;
}
.app-desktop.theme-betmaxo .head-menu li {
  float: left;
  padding: 0 5px;
}
.app-desktop.theme-betmaxo .head-menu .nav a {
  padding: 0 5px;
}
.app-desktop.theme-betmaxo .head-menu a {
  color: #9c9c9c;
  font-size: 11px;
  padding: 0 5px;
  line-height: 43px;
}
.app-desktop.theme-betmaxo .head-menu a.current, .app-desktop.theme-betmaxo .head-menu a.active {
  color: #FFF;
  background: transparent;
  border-bottom: 2px solid yellow;
}
.app-desktop.theme-betmaxo .head-menu a:hover {
  color: #fff;
}
.app-desktop.theme-betmaxo .head-search-b {
  float: left;
  width: 150px;
}
.app-desktop.theme-betmaxo .head-clock {
  display: inline-block;
  font-size: 11px;
  color: #ccc;
  border-right: 1px solid #666;
  padding-right: 8px;
  line-height: 1;
  vertical-align: middle;
  box-shadow: unset;
  border-radius: unset;
  background: transparent;
}
.app-desktop.theme-betmaxo .search {
  border: 1px solid #282828;
}
.app-desktop.theme-betmaxo .search-b .btn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  background: transparent;
  font-size: 16px;
  width: 24px;
  height: 24px;
  line-height: 0;
}
.app-desktop.theme-betmaxo .icon.icon-search-b {
  color: #ddd;
  padding: 3px 15px;
  background: url(../../img/search.svg) no-repeat 5px 5px;
  height: 20px;
  background-size: 15px;
}
.app-desktop.theme-betmaxo .icon.icon-search-b {
  font-size: 12px;
}
.app-desktop.theme-betmaxo .btn-bb {
  padding: 4px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  font-size: 12px;
}
.app-desktop.theme-betmaxo .search-b .input-b::-moz-placeholder {
  color: #9c9c9c;
  opacity: 1;
}
.app-desktop.theme-betmaxo .search-b .input-b:-ms-input-placeholder {
  color: #9c9c9c;
}
.app-desktop.theme-betmaxo .search-b .input-b::-webkit-input-placeholder {
  color: #9c9c9c;
}
.app-desktop.theme-betmaxo .search-b .input-b.ng-empty + .btn-b {
  display: none;
}
.app-desktop.theme-betmaxo .search-b .input-b:focus {
  background-color: #1f1f1f;
}
.app-desktop.theme-betmaxo .search-input-b {
  position: relative;
}
.app-desktop.theme-betmaxo .search-name-b {
  font-weight: bold;
}
.app-desktop.theme-betmaxo .search-info-b {
  color: #888;
  display: block;
}
.app-desktop.theme-betmaxo .search-time-b {
  color: #888;
  font-style: italic;
}
.app-desktop.theme-betmaxo .search-opap-b {
  color: #fff;
  margin-right: 15px;
}
.app-desktop.theme-betmaxo .search-meta-b {
  display: block;
  font-size: 11px;
}
.app-desktop.theme-betmaxo .search-live-b {
  background: #cd0100;
  color: #fff;
  padding: 1px 5px;
}
.app-desktop.theme-betmaxo .search-score-b {
  color: #fff;
}
.app-desktop.theme-betmaxo .search-suggest-b {
  background: #2b2b2b;
  position: absolute;
  top: 40px;
  z-index: 50;
}
.app-desktop.theme-betmaxo .search-suggest-b a {
  color: #EFEFEF;
  border-bottom: 1px solid #3d3d3d;
}
.app-desktop.theme-betmaxo .search-suggest-b a:hover {
  background: #222;
}
.app-desktop.theme-betmaxo .search-empty-b {
  text-align: center;
  padding: 20px;
}
.app-desktop.theme-betmaxo .search-tabs a {
  background: #282828;
  font-size: 12px;
}
.app-desktop.theme-betmaxo .search-tabs a.active {
  background: #14805e;
}
.app-desktop.theme-betmaxo .search input {
  font-size: 16px;
}
.app-desktop.theme-betmaxo .search-row {
  background: #282828;
  border-bottom: 1px solid #fff;
}
.app-desktop.theme-betmaxo .search-col {
  border-right: 1px solid #fff;
}
.app-desktop.theme-betmaxo .drop {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.app-desktop.theme-betmaxo .drop-btn {
  font-size: 11px;
  color: #fff;
  padding: 4px 24px 4px 6px;
  position: relative;
  cursor: pointer;
  opacity: 0.6;
  transition: all 0.4s;
  background: url("../img/arrow-down.png") no-repeat right 8px center;
}
.app-desktop.theme-betmaxo .drop-btn:hover {
  opacity: 1;
}
.app-desktop.theme-betmaxo .drop li {
  border-bottom: 1px solid #c3c3c3;
}
.app-desktop.theme-betmaxo .drop a {
  color: #333;
  border-left: 4px solid transparent;
}
.app-desktop.theme-betmaxo .drop a:hover {
  background: #fafafa;
}
.app-desktop.theme-betmaxo .drop a.active {
  color: #14805e;
  border-color: #4acfa5;
  background: #f0f0f0;
}
.app-desktop.theme-betmaxo .drop.open .drop-btn {
  opacity: 1;
  background-image: url("../img/arrow-up.png");
}
.app-desktop.theme-betmaxo .drop.open .drop-menu {
  visibility: visible;
  opacity: 1;
  max-height: 320px;
}
.app-desktop.theme-betmaxo .user {
  position: relative;
  z-index: 2;
}
.app-desktop.theme-betmaxo .user-info {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  text-align: right;
}
.app-desktop.theme-betmaxo .user-name {
  opacity: 0.5;
  margin-bottom: -4px;
}
.app-desktop.theme-betmaxo .user-pic {
  width: 36px;
  height: 36px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  background: url("../../img/user-b.svg") no-repeat center;
}
.app-desktop.theme-betmaxo .user .drop-menu {
  min-width: 200px;
  margin-top: 10px;
}
.app-desktop.theme-betmaxo .user .drop a {
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
}
.app-desktop.theme-betmaxo .user .drop a:hover {
  background: #ededed;
}
.app-desktop.theme-betmaxo .user .input {
  width: 100px;
}
.app-desktop.theme-betmaxo .user-bonus {
  color: #ffdf1b;
}
.app-desktop.theme-betmaxo .user-balance {
  display: inline-block;
  margin-left: 5px;
}
.app-desktop.theme-betmaxo .drop-user-balances {
  padding: 5px;
  color: #333;
  font-size: 10px;
  border-bottom: 1px solid #bbb;
  background-color: #eee;
}
.app-desktop.theme-betmaxo .drop-user-balances td {
  padding: 0;
}
.app-desktop.theme-betmaxo .sport-nav li {
  border-bottom: none;
}
.app-desktop.theme-betmaxo .nav a {
  display: block;
  padding: 6px 12px;
  transition: all 0.3s;
}
.app-desktop.theme-betmaxo .sport-nav a {
  border: none;
  background: #282828;
}
.app-desktop.theme-betmaxo .sport-nav a:hover {
  color: #fff;
  background-color: #494949;
}
.app-desktop.theme-betmaxo .sport-nav a.active {
  color: #fff;
  background-color: #404040;
  border-right: 3px solid #4acfa5;
}
.app-desktop.theme-betmaxo .scroll::-webkit-scrollbar {
  background-color: #474747;
}
.app-desktop.theme-betmaxo .scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.app-desktop.theme-betmaxo .scroll::-webkit-scrollbar-thumb {
  background-color: #7b7b7b;
  border: 2px solid #474747;
}
.app-desktop.theme-betmaxo .drop-menu {
  position: absolute;
  overflow: auto;
  background: #ddd;
  z-index: 10;
  right: 0;
  min-width: 200px;
  border-radius: 3px;
  box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.3);
  visibility: hidden;
  transition: all 0.4s;
  opacity: 0;
  max-height: 0;
  border: none;
}
.app-desktop.theme-betmaxo .drop-menu::-webkit-scrollbar {
  width: 0;
}
.app-desktop.theme-betmaxo .drop-menu a {
  color: #26282e;
  background: #ddd;
}
.app-desktop.theme-betmaxo .drop-menu a.active {
  font-weight: unset;
}

.app-mobile.theme-betmaxo .head {
  background: #005340;
  border-bottom: none;
  position: sticky;
}
.app-mobile.theme-betmaxo .head-menu {
  color: #fff;
}
.app-mobile.theme-betmaxo .head-logo {
  height: 40px;
}
.app-mobile.theme-betmaxo .head-nav a.active {
  color: #fff;
}
.app-mobile.theme-betmaxo .head-nav small {
  background: #fff;
}

/* Top Slots Body */
.app-desktop.theme-betmaxo .sport-slots, .app-mobile.theme-betmaxo .sport-slots {
  border-bottom: unset;
  padding: 10px 20px;
  background: linear-gradient(160deg, #364D3C 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .sport-slots .container-head .title, .app-mobile.theme-betmaxo .sport-slots .container-head .title {
  color: #4acfa5;
}
.app-desktop.theme-betmaxo .sport-slots-content, .app-mobile.theme-betmaxo .sport-slots-content {
  gap: 10px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .sport-slots-content .sport-slot-game, .app-mobile.theme-betmaxo .sport-slots-content .sport-slot-game {
  position: relative;
  border-radius: 13px;
  overflow: hidden;
}
.app-desktop.theme-betmaxo .sport-slots-content .sport-slot-game img, .app-mobile.theme-betmaxo .sport-slots-content .sport-slot-game img {
  position: relative;
  transition: all 0.3s;
  aspect-ratio: 1/0.8;
}
@media (hover: hover) {
  .app-desktop.theme-betmaxo .sport-slots-content .sport-slot-game:hover .game-hover, .app-mobile.theme-betmaxo .sport-slots-content .sport-slot-game:hover .game-hover {
    opacity: 1;
    transform: translateY(0);
    background: linear-gradient(to top, #111 0, transparent 100%);
    z-index: 1;
  }
}
.app-desktop.theme-betmaxo .sport-slots-content .sport-slot-game .game-hover, .app-mobile.theme-betmaxo .sport-slots-content .sport-slot-game .game-hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: unset;
  overflow: hidden;
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.35s;
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .sport-slots-content .sport-slot-game .game-hover .game-details, .app-mobile.theme-betmaxo .sport-slots-content .sport-slot-game .game-hover .game-details {
  flex-wrap: nowrap;
}
.app-desktop.theme-betmaxo .sport-slots-content .sport-slot-game .game-hover .game-details .btn-play, .app-mobile.theme-betmaxo .sport-slots-content .sport-slot-game .game-hover .game-details .btn-play {
  background: transparent;
  color: #4acfa5;
  border: 2px solid #4acfa5;
  border-radius: 50%;
  padding: 10px;
}
.app-desktop.theme-betmaxo .sport-slot-game, .app-mobile.theme-betmaxo .sport-slot-game {
  flex: 0 1 15.5%;
}

.app-mobile.theme-betmaxo .sport-slot-game {
  flex: 1 0 31.3%;
}

.app-desktop.theme-betmaxo, .app-mobile.theme-betmaxo {
  /* Sports/Coupon UI */
  /* Leagues Accordions */
}
.app-desktop.theme-betmaxo .sport-actions, .app-mobile.theme-betmaxo .sport-actions {
  border-color: #00dfa9;
}
.app-desktop.theme-betmaxo .sport-head, .app-mobile.theme-betmaxo .sport-head {
  background: #282828 center right;
  color: #dcdddc;
  background-size: cover;
  border-bottom: 2px solid #005340;
  font-size: unset;
  padding: 20px 25px 0 25px;
  gap: 18px;
  height: 100%;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: flex-start;
  align-content: flex-start;
  /* Gaps */
  /* Leagues Title Head */
}
.app-desktop.theme-betmaxo .sport-head.champs, .app-mobile.theme-betmaxo .sport-head.champs {
  padding-bottom: 10px;
}
.app-desktop.theme-betmaxo .sport-head h2, .app-mobile.theme-betmaxo .sport-head h2 {
  margin: 0 !important;
  font-size: clamp(18px, 1.75vw, 24px);
}
.app-desktop.theme-betmaxo .sport-head .sport-name, .app-mobile.theme-betmaxo .sport-head .sport-name {
  font-size: 20px;
  font-weight: bold;
  text-transform: unset;
}
.app-desktop.theme-betmaxo .sport-head .sport-head-links, .app-mobile.theme-betmaxo .sport-head .sport-head-links {
  gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .sport-head .sport-head-links a, .app-mobile.theme-betmaxo .sport-head .sport-head-links a {
  margin-bottom: -2px;
  padding-bottom: 12px;
  position: relative;
  display: inline-block;
}
.app-desktop.theme-betmaxo .sport-head .sport-head-links a:hover, .app-desktop.theme-betmaxo .sport-head .sport-head-links a.active, .app-mobile.theme-betmaxo .sport-head .sport-head-links a:hover, .app-mobile.theme-betmaxo .sport-head .sport-head-links a.active {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.app-desktop.theme-betmaxo .sport-actions-coupons, .app-mobile.theme-betmaxo .sport-actions-coupons {
  gap: 10px;
  width: 100%;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .sport-actions-coupons .btn-prime, .app-mobile.theme-betmaxo .sport-actions-coupons .btn-prime {
  background: #464646;
  color: #fff;
}
.app-desktop.theme-betmaxo .sport-actions-coupons .btn-prime.active, .app-mobile.theme-betmaxo .sport-actions-coupons .btn-prime.active {
  background: #00dfa9;
  color: #464646;
}
.app-desktop.theme-betmaxo .sport-actions-coupons a, .app-mobile.theme-betmaxo .sport-actions-coupons a {
  font-size: clamp(14px, 1.5vw, 16px);
  padding: clamp(8px, 1.5vw, 10px);
  width: 50%;
  text-align: center;
}
.app-desktop.theme-betmaxo .group, .app-mobile.theme-betmaxo .group {
  border-bottom: 1px solid #787878;
  background: #383838;
}
.app-desktop.theme-betmaxo .group .group-name, .app-mobile.theme-betmaxo .group .group-name {
  padding: 10px 16px;
  font-size: 16px;
  background: transparent;
  cursor: pointer;
  position: relative;
  font-weight: bold;
  color: #0f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .group .group-name:hover, .app-mobile.theme-betmaxo .group .group-name:hover {
  color: #fff;
}
.app-desktop.theme-betmaxo .group .continent-head:after, .app-mobile.theme-betmaxo .group .continent-head:after {
  background: url(../img/arrow-down.png);
  content: "";
  width: 10px;
  height: 10px;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
}
.app-desktop.theme-betmaxo .group .continent.open .continent-head:after, .app-mobile.theme-betmaxo .group .continent.open .continent-head:after {
  display: none;
}
.app-desktop.theme-betmaxo .group .continent.open .continent-head:hover:after, .app-mobile.theme-betmaxo .group .continent.open .continent-head:hover:after {
  display: block;
  background: url(../img/arrow-up.png);
}
.app-desktop.theme-betmaxo .country, .app-mobile.theme-betmaxo .country {
  color: #fff;
  background: #383838;
  border-top: unset;
  border-bottom: 1px solid #787878;
  font-size: 12px;
}
.app-desktop.theme-betmaxo .country.open .country-name:after, .app-mobile.theme-betmaxo .country.open .country-name:after {
  display: none;
}
.app-desktop.theme-betmaxo .country.open .country-name:hover:after, .app-mobile.theme-betmaxo .country.open .country-name:hover:after {
  display: block;
  background: url(../img/arrow-up.png);
}
.app-desktop.theme-betmaxo .country img, .app-mobile.theme-betmaxo .country img {
  height: clamp(20px, 1.5vw, 30px);
}
.app-desktop.theme-betmaxo .country-arrow, .app-desktop.theme-betmaxo .group-arrow, .app-mobile.theme-betmaxo .country-arrow, .app-mobile.theme-betmaxo .group-arrow {
  position: absolute;
  right: 10px;
  float: right;
  color: rgba(255, 255, 255, 0.5);
  top: unset;
  opacity: 1;
}
.app-desktop.theme-betmaxo .country-name, .app-mobile.theme-betmaxo .country-name {
  overflow: hidden;
  padding: 8px 10px;
  font-size: 13px;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  background: unset;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .country-name:after, .app-mobile.theme-betmaxo .country-name:after {
  background: url(../img/arrow-down.png);
  content: "";
  height: 10px;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
}
.app-desktop.theme-betmaxo .country-name img, .app-mobile.theme-betmaxo .country-name img {
  margin: 0;
}
.app-desktop.theme-betmaxo .country-body, .app-mobile.theme-betmaxo .country-body {
  padding: 0 13px 10px 13px;
}
.app-desktop.theme-betmaxo .country-img, .app-mobile.theme-betmaxo .country-img {
  width: 20px;
  height: 20px;
}
.app-desktop.theme-betmaxo .country-img img, .app-mobile.theme-betmaxo .country-img img {
  width: 100%;
}
.app-desktop.theme-betmaxo .country .col, .app-mobile.theme-betmaxo .country .col {
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: unset;
  padding: 0 10px;
}
.app-desktop.theme-betmaxo .country a:hover, .app-mobile.theme-betmaxo .country a:hover {
  color: #ffdf1b;
}
.app-desktop.theme-betmaxo .sport-empty, .app-mobile.theme-betmaxo .sport-empty {
  margin: 0;
  position: unset;
  text-align: center;
  font-size: 16px;
  padding: 15px;
  height: 100%;
  background: linear-gradient(165deg, rgba(54, 77, 60, 0.46) 0%, rgba(56, 56, 56, 0.56) 400px);
}

.app-mobile.theme-betmaxo .col-sm-6 {
  width: 100%;
}
.app-mobile.theme-betmaxo .country-body .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
  gap: clamp(5px, 1vw, 8px);
}
.app-mobile.theme-betmaxo .sport-actions .btn-second {
  background: #464646;
  color: #fff;
}
.app-mobile.theme-betmaxo .sport-actions .btn-second.active {
  background: #00dfa9;
  color: #464646;
}
.app-mobile.theme-betmaxo .sport-actions a {
  font-size: clamp(11px, 1.5vw, 13px);
  padding: clamp(8px, 1.5vw, 10px);
  text-align: center;
}
.app-mobile.theme-betmaxo .btn-more {
  width: 100%;
  height: 35px;
  background: #005340;
  color: #fff;
}
.app-mobile.theme-betmaxo .btn-more .loading {
  position: relative;
  pointer-events: none;
}
.app-mobile.theme-betmaxo .btn-more .spinner {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: conic-gradient(from 0deg, #00dfa9, rgb(255, 255, 255), #00dfa9);
  -webkit-mask: radial-gradient(farthest-side, rgba(255, 255, 255, 0) 70%, #ffffff 71%);
  mask: radial-gradient(farthest-side, rgba(255, 255, 255, 0) 70%, #ffffff 71%);
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

* {
  box-sizing: border-box;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Montserrat", sans-serif;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  background: #021621;
  color: #eee;
}

html, body {
  height: 100%;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Montserrat-Regular.ttf") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Montserrat-SemiBold.ttf") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Montserrat-Bold.ttf") format("woff2");
}
@keyframes fade-desktop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-mobile {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@font-face {
  font-family: "Icons";
  src: url("../fonts/icons.eot?20");
  src: url("../fonts/icons.eot?20#iefix") format("embedded-opentype"), url("../fonts/icons.ttf?20") format("truetype"), url("../fonts/icons.woff?20") format("woff"), url("../fonts/icons.svg?20#icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.app-desktop { /*this is not on tor*/
  /*Flex style CSS*/
  /* this is not on tip*/
  /* this is only on tip*/
}
.app-desktop article, .app-desktop aside, .app-desktop details, .app-desktop figcaption, .app-desktop footer, .app-desktop header, .app-desktop hgroup, .app-desktop main, .app-desktop menu, .app-desktop nav, .app-desktop section, .app-desktop summary {
  display: block;
}
.app-desktop audio, .app-desktop canvas, .app-desktop progress, .app-desktop video {
  display: block;
}
.app-desktop audio:not([controls]) {
  display: none;
  height: 0;
}
.app-desktop template, .app-desktop [hidden] {
  display: none;
}
.app-desktop a {
  color: #e0e0e0;
  background-color: transparent;
  text-decoration: none;
}
.app-desktop a:active, .app-desktop a:hover {
  outline: 0;
}
.app-desktop b, .app-desktop strong {
  font-weight: bold;
}
.app-desktop dfn {
  font-style: italic;
}
.app-desktop small {
  font-size: 80%;
}
.app-desktop sub, .app-desktop sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.app-desktop sup {
  top: -0.5em;
}
.app-desktop sub {
  bottom: -0.25em;
}
.app-desktop img {
  border: 0;
  vertical-align: middle;
}
.app-desktop svg:not(:root) {
  overflow: hidden;
  pointer-events: none;
}
.app-desktop hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.app-desktop pre {
  overflow: auto;
  padding: 10px;
  margin: 0;
  text-align: left;
}
.app-desktop code, .app-desktop kbd, .app-desktop pre, .app-desktop samp {
  font-family: monospace, monospace;
  font-size: 1em;
  line-height: 1.2;
}
.app-desktop button, .app-desktop input, .app-desktop optgroup, .app-desktop select, .app-desktop textarea {
  margin: 0;
  color: inherit;
}
.app-desktop button {
  overflow: visible;
}
.app-desktop button, .app-desktop select {
  text-transform: none;
}
.app-desktop button, .app-desktop html input[type=button], .app-desktop input[type=reset], .app-desktop input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
.app-desktop button[disabled], .app-desktop html input[disabled] {
  cursor: default;
}
.app-desktop button::-moz-focus-inner, .app-desktop input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.app-desktop .btn-input-size {
  line-height: 1;
  padding-top: 7px;
  padding-bottom: 7px;
}
.app-desktop input {
  line-height: normal;
}
.app-desktop legend {
  border: 0;
  padding: 0;
}
.app-desktop textarea {
  overflow: auto;
  resize: vertical;
}
.app-desktop optgroup {
  font-weight: bold;
}
.app-desktop label {
  display: block;
  margin-bottom: 5px;
}
.app-desktop table {
  border-collapse: collapse;
  border-spacing: 0;
}
.app-desktop td, .app-desktop th {
  padding: 0;
}
.app-desktop h1, .app-desktop h2, .app-desktop h3, .app-desktop h4, .app-desktop h5, .app-desktop h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.app-desktop h1 {
  font-size: 30px;
}
.app-desktop h2 {
  font-size: 24px;
}
.app-desktop h3 {
  font-size: 18px;
}
.app-desktop h4 {
  font-size: 16px;
}
.app-desktop h5 {
  font-size: 14px;
}
.app-desktop h6 {
  font-size: 12px;
}
.app-desktop p {
  margin: 0 0 10px;
}
.app-desktop .nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.app-desktop .nav > li {
  display: block;
  position: relative;
}
.app-desktop .nav > li > a {
  display: block;
  position: relative;
  padding: 10px 15px;
  transition: all 0.4s;
  text-decoration: none;
}
.app-desktop .nav:after {
  clear: both;
  content: "";
  display: block;
}
.app-desktop .row {
  margin-left: -10px;
  margin-right: -10px;
}
.app-desktop .row-sm {
  margin-left: -5px;
  margin-right: -5px;
}
.app-desktop .row-lg {
  margin-left: -15px;
  margin-right: -15px;
}
.app-desktop .row-xs {
  margin-left: 0;
  margin-right: 0;
}
.app-desktop .row-xs .col {
  padding-left: 0;
  padding-right: 0;
}
.app-desktop .row-sm .col {
  padding-left: 5px;
  padding-right: 5px;
}
.app-desktop .row-lg .col {
  padding-left: 15px;
  padding-right: 15px;
}
.app-desktop .row:after, .app-desktop .row-sm:after, .app-desktop .row-xs:after, .app-desktop .row-lg:after {
  content: " ";
  display: table;
  clear: both;
}
.app-desktop .col {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.app-desktop .col-1 {
  width: 8.33333333%;
}
.app-desktop .col-2 {
  width: 16.66666667%;
}
.app-desktop .col-3, .app-desktop .row-4 > .col {
  width: 25%;
}
.app-desktop .col-4, .app-desktop .row-3 > .col {
  width: 33.33333333%;
}
.app-desktop .col-5 {
  width: 41.66666667%;
}
.app-desktop .col-6, .app-desktop .row-2 > .col {
  width: 50%;
}
.app-desktop .col-7 {
  width: 58.33333333%;
}
.app-desktop .col-8 {
  width: 66.66666667%;
}
.app-desktop .col-9 {
  width: 75%;
}
.app-desktop .col-10 {
  width: 83.33333333%;
}
.app-desktop .col-11 {
  width: 91.66666667%;
}
.app-desktop .col-12 {
  width: 100%;
}
.app-desktop .clear:after {
  content: "";
  display: table;
  clear: both;
}
.app-desktop .pull-right {
  float: right;
}
.app-desktop .pull-left {
  float: left;
}
.app-desktop .inline {
  display: inline-block;
  vertical-align: middle;
}
.app-desktop .block {
  display: block;
}
.app-desktop .text-nowrap {
  white-space: nowrap;
}
.app-desktop .overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-desktop .active .active-show {
  display: inline-block;
}
.app-desktop .active .active-hide, .app-desktop .active-show {
  display: none;
}
.app-desktop .hide, .app-desktop .ng-cloak {
  display: none !important;
}
.app-desktop .show-md, .app-desktop .show-sm, .app-desktop .show-xs {
  display: none !important;
}
.app-desktop .table {
  display: table;
  width: 100%;
  border-spacing: 0;
}
.app-desktop .table-cell {
  display: table-cell;
  vertical-align: middle;
}
.app-desktop .table-fix {
  table-layout: fixed;
  display: table;
  width: 100%;
}
.app-desktop .table td {
  padding: 4px;
}
.app-desktop .table > .col {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
@media (max-width: 1600px) {
  .app-desktop .hide-md {
    display: none !important;
  }
  .app-desktop .show-md {
    display: block !important;
  }
  .app-desktop .col-md-1 {
    width: 8.33333333%;
  }
  .app-desktop .col-md-2 {
    width: 16.66666667%;
  }
  .app-desktop .col-md-3 {
    width: 25%;
  }
  .app-desktop .col-md-4 {
    width: 33.33333333%;
  }
  .app-desktop .col-md-5 {
    width: 41.66666667%;
  }
  .app-desktop .col-md-6 {
    width: 50%;
  }
  .app-desktop .col-md-7 {
    width: 58.33333333%;
  }
  .app-desktop .col-md-8 {
    width: 66.66666667%;
  }
  .app-desktop .col-md-9 {
    width: 75%;
  }
  .app-desktop .col-md-10 {
    width: 83.33333333%;
  }
  .app-desktop .col-md-11 {
    width: 91.66666667%;
  }
  .app-desktop .col-md-12 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .app-desktop .hide-sm {
    display: none !important;
  }
  .app-desktop .show-sm {
    display: block !important;
  }
  .app-desktop .col-sm-1 {
    width: 8.33333333%;
  }
  .app-desktop .col-sm-2 {
    width: 16.66666667%;
  }
  .app-desktop .col-sm-3 {
    width: 25%;
  }
  .app-desktop .col-sm-4 {
    width: 33.33333333%;
  }
  .app-desktop .col-sm-5 {
    width: 41.66666667%;
  }
  .app-desktop .col-sm-6 {
    width: 50%;
  }
  .app-desktop .col-sm-7 {
    width: 58.33333333%;
  }
  .app-desktop .col-sm-8 {
    width: 66.66666667%;
  }
  .app-desktop .col-sm-9 {
    width: 75%;
  }
  .app-desktop .col-sm-10 {
    width: 83.33333333%;
  }
  .app-desktop .col-sm-11 {
    width: 91.66666667%;
  }
  .app-desktop .col-sm-12 {
    width: 100%;
  }
}
@media (max-width: 426px) {
  .app-desktop .hide-xs {
    display: none !important;
  }
  .app-desktop .show-xs {
    display: block !important;
  }
  .app-desktop .col-xs-1 {
    width: 8.33333333%;
  }
  .app-desktop .col-xs-2 {
    width: 16.66666667%;
  }
  .app-desktop .col-xs-3 {
    width: 25%;
  }
  .app-desktop .col-xs-4 {
    width: 33.33333333%;
  }
  .app-desktop .col-xs-5 {
    width: 41.66666667%;
  }
  .app-desktop .col-xs-6 {
    width: 50%;
  }
  .app-desktop .col-xs-7 {
    width: 58.33333333%;
  }
  .app-desktop .col-xs-8 {
    width: 66.66666667%;
  }
  .app-desktop .col-xs-9 {
    width: 75%;
  }
  .app-desktop .col-xs-10 {
    width: 83.33333333%;
  }
  .app-desktop .col-xs-11 {
    width: 91.66666667%;
  }
  .app-desktop .col-xs-12 {
    width: 100%;
  }
}
.app-desktop .icon.icon-slots:before {
  content: "\e905";
}
.app-desktop .icon.icon-spades:before {
  content: "\e917";
}
.app-desktop .icon.icon-menu:before {
  content: "\e900";
}
.app-desktop .icon.icon-expand:before {
  content: "\e901";
}
.app-desktop .icon.icon-league:before {
  content: "\e902";
}
.app-desktop .icon.icon-start:before {
  content: "\e903";
}
.app-desktop .icon.icon-remove:before {
  content: "\e904";
}
.app-desktop .icon.icon-up:before {
  content: "\e906";
}
.app-desktop .icon.icon-left:before {
  content: "\e911";
}
.app-desktop .icon.icon-stream:before {
  content: "\e907";
}
.app-desktop .icon.icon-clear:before {
  content: "\e908";
}
.app-desktop .icon.icon-caret:before {
  content: "\e909";
}
.app-desktop .icon.icon-user:before {
  content: "\e90a";
}
.app-desktop .icon.icon-search:before {
  content: "\e90b";
}
.app-desktop .icon.icon-home:before {
  content: "\e90c";
}
.app-desktop .icon.icon-compress:before {
  content: "\e90d";
}
.app-desktop .icon.icon-calendar:before {
  content: "\e90e";
}
.app-desktop .icon.icon-down:before {
  content: "\e90f";
}
.app-desktop .icon.icon-right:before {
  content: "\e910";
}
.app-desktop .icon.icon-slide:before {
  content: "\e992";
}
.app-desktop .icon.icon-star:before {
  content: "\e9d9";
}
.app-desktop .icon.icon-check:before {
  content: "\ea10";
}
.app-desktop .icon.icon-play:before {
  content: "\ea1c";
}
.app-desktop .position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.app-desktop .flex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -ms-flexbox;
}
.app-desktop .flex-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -ms-flexbox;
}
.app-desktop .inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.app-desktop .justify-content-flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.app-desktop .justify-content-flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.app-desktop .justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.app-desktop .justify-content-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.app-desktop .justify-content-around {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.app-desktop .align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.app-desktop .flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.app-desktop .flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.app-desktop .align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.app-desktop .align-items-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.app-desktop .align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.app-desktop .flex-wrap {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.app-desktop .flex .col {
  flex: 1;
}
.app-desktop .head {
  background: #03324a;
  color: #fff;
  border-bottom: 1px solid #768e20;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  z-index: 50;
}
.app-desktop .head-top {
  height: 40px;
  border-bottom: 1px solid #031620;
}
.app-desktop .head-bottom {
  background: #03273a;
  padding-left: 220px;
  height: 54px;
}
.app-desktop .head-logo {
  background: no-repeat center;
  width: 220px;
  height: 52px;
  position: absolute;
  top: 8px;
  left: 0;
  background-size: contain;
}
.app-desktop .head-balance {
  color: #96bc0f;
}
.app-desktop .head-bonus {
  color: #1083bd;
  padding: 0 !important;
  animation: fade-desktop 2s linear infinite;
}
.app-desktop .head-clock {
  overflow: hidden;
  background: #1083bd;
  border-radius: 3px;
  box-shadow: inset -1px 1px 1px #367a65;
}
.app-desktop .head-date {
  border-right: 1px solid #033d2b;
  padding: 4px 8px;
  float: left;
}
.app-desktop .head-time {
  padding: 4px 8px;
  float: left;
  width: 72px;
}
.app-desktop .head-search {
  position: absolute;
  left: 0;
  top: 58px;
  width: 220px;
  overflow: hidden;
}
.app-desktop .head-settings {
  float: right;
  padding: 12px;
  color: #03273a;
  font-weight: 600;
}
.app-desktop .head-settings > ul > li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.app-desktop .head-settings img {
  width: 20px;
  height: 20px;
  margin: -3px 5px -2px 0;
}
.app-desktop .head-user {
  font-weight: 600;
  float: right;
  padding: 5px;
  height: 30px;
}
.app-desktop .head-user > ul > li {
  display: inline-block;
  padding: 2px 10px;
  border-right: 1px solid #367a65;
  vertical-align: middle;
}
.app-desktop .head-user > ul > li:last-child {
  border: none;
}
.app-desktop .head-user .btn {
  padding: 0;
}
.app-desktop .head-menu {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  float: left;
  line-height: 34px;
}
.app-desktop .head-menu li {
  display: inline-block;
  vertical-align: middle;
}
.app-desktop .head-menu a:hover {
  color: #96bc0f;
}
.app-desktop .head-menu a.active {
  color: #96bc0f;
  background: #03273a;
  background: linear-gradient(#033148, #03273a);
}
.app-desktop .head-menu a.goal {
  animation: fade-desktop 0.4s 5;
}
.app-desktop .head-user-name i {
  color: #96bc0f;
  font-size: 21px;
  margin: -9px 5px -4px 5px;
}
.app-desktop .warning {
  background-color: #cd0100;
  color: #fff;
  padding: 0 10px;
  line-height: 30px;
}
.app-desktop .warning .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-desktop #app.has-warning {
  padding-top: 125px;
}
.app-desktop .btn {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  border: 1px solid transparent;
  font-size: 16px;
  padding: 5px 9px;
  line-height: 1.5;
  border-radius: 3px;
  position: relative;
  text-align: center;
  transition: all 0.3s;
  font-weight: 600;
}
.app-desktop .btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.app-desktop .btn-sm {
  padding: 2px 8px;
  font-size: 14px;
  line-height: 22px;
  width: unset;
  height: unset;
}
.app-desktop .btn-lg {
  height: 48px;
}
.app-desktop .btn-default {
  background: #b1b1b1;
  color: #021018;
  border-color: #949494;
}
.app-desktop .btn-default:hover {
  background: #bdbdbd;
}
.app-desktop .btn-block {
  width: 100%;
}
.app-desktop .btn-settings {
  background: #1083bd;
  box-shadow: inset -1px 1px 1px #367a65;
  color: #03273a;
  min-width: 150px;
}
.app-desktop .btn-settings:hover {
  background: #1095d4;
}
.app-desktop .btn-main {
  background: #96bc0f;
  color: #021018;
}
.app-desktop .btn-main:hover {
  background: #a4ca0f;
}
.app-desktop .btn-main.active {
  background: #fff;
}
.app-desktop .btn-main.blocked {
  background: #cd0100;
  color: #fff;
}
.app-desktop .btn-prime {
  background: #021621;
  color: #a7a7a9;
  text-transform: uppercase;
  font-weight: 600;
  min-width: 126px;
}
.app-desktop .btn-prime.active {
  background: #96bc0f;
  color: #021018;
}
.app-desktop .btn-second {
  background: #054363;
  color: #e0e0e0;
}
.app-desktop .btn-second:hover {
  background: #055d81;
}
.app-desktop .btn-second.active {
  background: #96bc0f;
  color: #021018;
}
.app-desktop .btn-search {
  color: rgba(238, 238, 238, 0.5);
  text-transform: uppercase;
  width: 100%;
  white-space: nowrap;
}
.app-desktop .btn-search:hover {
  color: #eee;
}
.app-desktop .btn-search i {
  margin-right: 10px;
  color: #96bc0f;
  font-size: 18px;
}
.app-desktop .btn-round {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  border: 2px solid #ccc;
  padding: 0;
}
.app-desktop .btn-round:hover {
  background: #000;
}
.app-desktop .btn-stream {
  font-size: 20px;
  padding: 2px 8px;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.app-desktop .btn-stream i {
  transition: all 0.3s;
}
.app-desktop .btn-stream:hover {
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}
.app-desktop .btn-stream:hover i {
  transform: scale(1.2);
}
.app-desktop .btn-filter {
  color: #768e20;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 17px;
  padding: 0 10px;
}
.app-desktop .btn-filter.sports {
  width: 100%;
}
.app-desktop .sport-lines .btn.btn-sm.btn-main {
  font-size: 14px;
}
.app-desktop .input {
  border: 1px solid #aaa;
  border-radius: 3px;
  background: #fff;
  outline: none;
  color: #021e2d;
  font-size: 16px;
  transition: background-color 0.3s;
  width: 100%;
  padding: 5px 10px;
  line-height: 1.5;
  height: 36px;
}
.app-desktop .input-sm {
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  height: 26px;
}
.app-desktop .input:focus::placeholder {
  opacity: 0;
}
.app-desktop .input[disabled], .app-desktop .input[readonly] {
  cursor: default;
  opacity: 0.5;
}
.app-desktop .input-check {
  cursor: pointer;
  position: relative;
  margin-bottom: 0;
}
.app-desktop .input-check input {
  display: none;
}
.app-desktop .input-check input:checked + i {
  background: #96bc0f;
  color: #021621;
}
.app-desktop .input-check i {
  border: 1px solid #96bc0f;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 5px;
  text-align: center;
  color: transparent;
  background: #ccc;
  border-radius: 3px;
}
.app-desktop .input-row {
  margin-bottom: 15px;
}
.app-desktop .input-row:last-child {
  margin: 0;
}
.app-desktop .input.require, .app-desktop .input.accept {
  padding-right: 30px;
  background-position: right 7px center;
  background-repeat: no-repeat;
}
.app-desktop .input.require {
  background-image: url("../img/required.png");
}
.app-desktop .input.accept {
  background-image: url("../img/check.png");
}
.app-desktop .drop {
  position: relative;
  font-size: 14px;
  white-space: nowrap;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.app-desktop .drop .drop-btn {
  padding-right: 30px;
}
.app-desktop .drop-btn i {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -0.5em;
  margin-right: -0.5em;
}
.app-desktop .drop-menu {
  visibility: hidden;
  position: absolute;
  background: #032131;
  right: 0;
  min-width: 200px;
  margin-top: 10px;
  z-index: 50;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s;
  box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
  border: 1px solid #96bc0f;
}
.app-desktop .drop-menu a {
  background: #183647;
  margin-bottom: 1px;
}
.app-desktop .drop-menu a:hover {
  background: #032131;
}
.app-desktop .drop-menu a.active {
  background: #96bc0f;
  color: #021018;
  font-weight: 600;
}
.app-desktop .drop-menu img {
  margin: -2px 10px -2px -2px;
  width: 20px;
  height: 20px;
}
.app-desktop .drop-menu:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  top: -10px;
  right: 5px;
  border-top-width: 0;
  border-bottom-color: #96bc0f;
}
.app-desktop .drop-menu li:last-child a {
  margin-bottom: 0;
}
.app-desktop .drop.open .drop-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.app-desktop .drop-lang {
  width: 320px;
}
.app-desktop .drop-lang li {
  width: 50%;
  float: left;
}
.app-desktop .text-center {
  text-align: center;
}
.app-desktop .text-left {
  text-align: left;
}
.app-desktop .text-right {
  text-align: right;
}
.app-desktop .text-upper {
  text-transform: uppercase;
}
.app-desktop .text-lower {
  text-transform: lowercase;
}
.app-desktop .text-main {
  color: #a9d214;
}
.app-desktop .text-current {
  color: #ff8300;
}
.app-desktop .text-win {
  color: #009400;
}
.app-desktop .text-lost {
  color: #cd0100;
}
.app-desktop .text-bold {
  font-weight: bold;
}
.app-desktop .status-won {
  background: #090;
  color: #fff;
}
.app-desktop .status-lost {
  background: #b71c1c;
  color: #fff;
}
.app-desktop .status-checking {
  background: #5f5f5f;
  color: #fff;
}
.app-desktop .status-current {
  background: #ff8300;
}
.app-desktop .status-void {
  background: lightskyblue;
}
.app-desktop .scroll {
  overflow: auto;
}
.app-desktop .scroll::-webkit-scrollbar, .app-desktop .modal::-webkit-scrollbar {
  width: 11px;
  height: 11px;
  background-color: #032739;
}
.app-desktop .scroll::-webkit-scrollbar-thumb, .app-desktop .modal::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #96bc0f;
  border: 2px solid #032739;
}
.app-desktop .sport {
  position: relative;
  height: 100%;
}
.app-desktop .sport-menu {
  position: absolute;
  width: 220px;
  top: 0;
  bottom: 0;
  border-right: 1px solid #084869;
  background: #032131;
}
.app-desktop .sport-main {
  position: absolute;
  left: 220px;
  right: 325px;
  top: 0;
  bottom: 0;
  padding-bottom: 100px;
  z-index: 5;
}
.app-desktop .sport-bets {
  position: absolute;
  width: 325px;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 5px;
  background: #021621;
}
.app-desktop .sport-select {
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  text-align: center;
  height: 0;
  z-index: 20;
}
.app-desktop .sport-promo {
  background: #021621;
  padding: 5px;
}
.app-desktop .sport-nav-left {
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: -14px;
  z-index: 5;
}
.app-desktop .sport-nav-right {
  position: absolute;
  top: 50%;
  right: 13px;
  margin-top: -14px;
  z-index: 5;
}
.app-desktop .sport-head {
  background: #021018;
  padding: 10px 15px;
  font-weight: 600;
}
.app-desktop .sport-head img {
  height: 26px;
  margin-right: 12px;
  margin-left: -3px;
}
.app-desktop .sport-name {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  line-height: 32px;
}
.app-desktop .sport-actions {
  float: right;
  white-space: nowrap;
  text-align: right;
  margin-right: 50px;
}
.app-desktop .sport-empty {
  text-align: center;
  font-size: 21px;
  top: 40%;
  position: absolute;
  width: 100%;
  left: 0;
}
.app-desktop .sport-hot {
  text-align: center;
}
.app-desktop .sport-hot h4 {
  text-transform: uppercase;
  padding: 10px 0;
  margin: 0;
  background: #021018;
}
.app-desktop .sport-hot li a {
  padding: 5px;
  margin-bottom: -5px;
}
.app-desktop .sport-hot img {
  width: 100%;
}
.app-desktop .sport-nav {
  font-size: 12px;
  line-height: 16px;
}
.app-desktop .sport-nav li {
  border-bottom: 1px solid #084869;
}
.app-desktop .sport-nav a {
  background: #183647;
  border: 5px solid #032131;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app-desktop .sport-nav a:hover {
  color: #1083bd;
}
.app-desktop .sport-nav a.active {
  background: #032131;
  color: #1083bd;
  font-weight: 700;
}
.app-desktop .sport-nav img {
  width: 24px;
  margin: -7px 12px -3px -7px;
}
.app-desktop .sport-slots {
  position: relative;
  background: #021018;
  border-bottom: 1px solid #768e20;
  padding: 4px;
}
.app-desktop .sport-slots img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.app-desktop .sport-slots li {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.app-desktop .sport-slots li a {
  padding: 0;
  height: 185px;
  width: 320px;
  overflow: hidden;
  background: #084869;
  border: 4px solid #021018;
}
.app-desktop .sport-slots li a:hover {
  border-color: #96bc0f;
}
.app-desktop .sport-slots ul {
  font-size: 0;
  white-space: nowrap;
  overflow: auto;
}
.app-desktop .sport-slots-content {
  overflow: hidden;
  height: 185px;
}
.app-desktop .sport-live-nav {
  background: #031925;
  text-transform: uppercase;
  border-left: #768e20 9px solid;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
  position: relative;
}
.app-desktop .sport-live-info {
  margin-bottom: 10px;
  margin-left: 10px;
}
.app-desktop .sport-live-nav ul {
  white-space: nowrap;
  overflow: hidden;
}
.app-desktop .sport-live-nav li {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
}
.app-desktop .sport-live-nav li a {
  padding: 10px;
}
.app-desktop .sport-live-nav a:hover {
  color: #96bc0f;
}
.app-desktop .sport-live-nav a.active {
  color: #96bc0f;
  background: #031e2c;
}
.app-desktop .sport-live-nav a span {
  color: #e0e0e0;
}
.app-desktop .sport-live-nav img {
  width: 20px;
  margin: -4px 10px -3px 0;
}
.app-desktop .sport-live-nav .pre-left, .app-desktop .sport-live-nav .pre-right {
  top: 30px;
}
.app-desktop .sport-live-games {
  position: relative;
}
.app-desktop .sport-box {
  background: #092a3b;
  position: relative;
  z-index: 5;
  display: table;
  width: 100%;
  border: 5px solid #021621;
}
.app-desktop .sport-box .sport-actions {
  display: table-cell;
  vertical-align: middle;
  float: none;
  padding: 5px;
}
.app-desktop .sport-list {
  text-transform: uppercase;
  font-size: 10px;
  display: table-cell;
  vertical-align: middle;
}
.app-desktop .sport-list ul {
  white-space: nowrap;
  overflow: auto;
  padding: 4px;
}
.app-desktop .sport-list li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.app-desktop .sport-list li img {
  height: 26px;
  margin-bottom: 9px;
  margin-top: 2px;
}
.app-desktop .sport-list li a {
  padding: 4px 8px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 5px;
  min-width: 75px;
}
.app-desktop .sport-list a:hover, .app-desktop .sport-list a.active {
  background: #06202d;
  border-color: #3882ba;
}
.app-desktop .sport-list-wrap {
  overflow: hidden;
  height: 70px;
  position: relative;
}
.app-desktop .sport-list-name {
  display: block;
}
.app-desktop .sport-lines {
  margin-top: 5px;
}
.app-desktop .sport-filter li {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.app-desktop .sport-filter li a {
  color: #646b6f;
  padding: 6px 12px;
  text-transform: uppercase;
}
.app-desktop .sport-filter li a:hover {
  color: #e0e0e0;
}
.app-desktop .sport-filter li a.active {
  color: #a9d214;
}
.app-desktop .sport-filter li i {
  font-size: 18px;
}
.app-desktop .sport-main .date {
  display: none;
}
.app-desktop .sport-match {
  background: #021621;
  color: #eee;
}
.app-desktop .prevent {
  pointer-events: none;
  cursor: pointer;
}
.app-desktop .progress {
  color: #fff;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  border-color: #96bc0f;
  width: 220px;
}
.app-desktop .progress-bar {
  background: #96bc0f;
  color: #021018;
  transition: width 1s linear;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.app-desktop .progress-time {
  position: absolute;
  left: 0;
  width: 218px;
  padding: 5px 9px;
}
.app-desktop .banner li {
  margin-bottom: 5px;
}
.app-desktop .banner li a {
  padding: 0;
}
.app-desktop .banner img {
  width: 100%;
}
.app-desktop .promo {
  position: relative;
  height: 220px;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}
.app-desktop .promo-game {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
  opacity: 0;
}
.app-desktop .promo .status-bg {
  transform: scale(1.3);
  transform-origin: center bottom;
  transition: all 1.5s;
}
.app-desktop .promo .status-teams {
  cursor: pointer;
}
.app-desktop .promo-odds {
  margin-top: 5%;
  margin-left: 5px;
  text-align: center;
}
.app-desktop .promo-odd {
  background: #021e2d;
  color: #ffc413;
  width: 210px;
  height: 38px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.app-desktop .promo-odd:hover {
  background: #285a75;
}
.app-desktop .promo-odd.selected {
  background: #96bc0f;
  color: #183647;
  border-color: #183647;
}
.app-desktop .promo-odd.selected .promo-bet {
  color: #011017;
}
.app-desktop .promo-odd.disabled {
  background: url(/img/lock.svg) no-repeat center #021e2d;
  color: transparent;
  cursor: default;
}
.app-desktop .promo-odd.disabled .promo-bet {
  color: transparent;
}
.app-desktop .promo-bet {
  color: #eee;
}
.app-desktop .promo-price {
  margin-left: 15px;
}
.app-desktop .promo-game.show {
  opacity: 1;
  z-index: 4;
}
.app-desktop .promo-game.show-add {
  transition: all 1s;
  left: 100%;
}
.app-desktop .promo-game.show-add-active {
  left: 0;
}
.app-desktop .promo-game.show-remove {
  transition: all 1s;
  left: 0;
}
.app-desktop .promo-game.show-remove-active {
  left: -100%;
}
.app-desktop .promo.right .promo-game.show-add {
  left: -100%;
}
.app-desktop .promo.right .promo-game.show-add-active {
  left: 0;
}
.app-desktop .promo.right .promo-game.show-remove {
  left: 0;
}
.app-desktop .promo.right .promo-game.show-remove-active {
  left: 100%;
}
.app-desktop .promo-game.show .status-bg {
  transform: scale(1);
}
.app-desktop .pre {
  color: #e0e0e0;
}
.app-desktop .pre-title {
  font-size: 18px;
  font-weight: 600;
  padding: 10px 15px;
  float: left;
}
.app-desktop .pre-games {
  text-align: center;
  margin-left: 270px;
  overflow: hidden;
  position: relative;
  height: 90px;
}
.app-desktop .pre-games ul {
  position: relative;
  overflow: auto;
  white-space: nowrap;
  padding: 0 18px;
}
.app-desktop .pre-games li {
  display: inline-block;
  width: 140px;
  padding: 10px;
  vertical-align: top;
  height: 90px;
}
.app-desktop .pre-games li a {
  padding: 0;
}
.app-desktop .pre-games li:before {
  content: "";
  position: absolute;
  top: 24px;
  border-bottom: 1px dashed #0a354a;
  width: 100%;
  left: 0;
}
.app-desktop .pre-games li:first-child:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #0a354a;
  position: absolute;
  left: 0;
  top: 18px;
  border-radius: 12px;
}
.app-desktop .pre-games li:last-child:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #0a354a;
  position: absolute;
  right: 0;
  top: 18px;
  border-radius: 12px;
}
.app-desktop .pre-games a:hover .pre-time {
  border-color: #1083bd;
}
.app-desktop .pre-games img {
  width: 12px;
  height: 12px;
  margin: -2px 6px 0 0;
}
.app-desktop .pre-time {
  border: 1px solid #0a354a;
  border-radius: 3px;
  padding: 3px;
  background: #021018;
  font-size: 14px;
  display: inline-block;
  width: 70px;
  margin-bottom: 5px;
  transition: all 0.4s;
}
.app-desktop .pre-team {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-desktop .pre-left, .app-desktop .pre-right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 36px;
  border-radius: 0;
  border: none;
  color: #1083bd;
  transition: none;
}
.app-desktop .pre-left {
  left: 0;
  background: linear-gradient(270deg, transparent, #021621);
}
.app-desktop .pre-right {
  right: 0;
  background: linear-gradient(90deg, transparent, #021621);
}
.app-desktop .game {
  border-bottom: 1px solid #03324a;
  display: table;
  width: 100%;
  text-align: center;
}
.app-desktop .game-time {
  display: table-cell;
  vertical-align: middle;
  width: 47px;
  font-size: 12px;
}
.app-desktop .game-scores {
  display: table-cell;
  vertical-align: middle;
  background: #021018;
  width: 32px;
}
.app-desktop .game-teams {
  display: table-cell;
  vertical-align: middle;
  padding: 7px 15px;
  text-align: left;
  cursor: pointer;
}
.app-desktop .game-team {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-desktop .game-odds {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  width: 50%;
  padding-left: 20px;
}
.app-desktop .live-game-odds {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  width: 45%;
  padding-left: 20px;
}
.app-desktop .game-odd {
  background: #183647;
  border-color: #7e8a56;
  font-weight: bold;
  font-size: 14px;
  padding: 4px;
  width: 100%;
  color: #e5b71a;
  line-height: 20px;
  border-radius: 6px;
}
.app-desktop .game-odd:hover {
  background: #285a75;
}
.app-desktop .game-odd.selected {
  background: #96bc0f;
  color: #183647;
}
.app-desktop .game-odd.disabled {
  color: transparent;
  background: url(/img/lock.svg) no-repeat center;
  border-color: transparent;
  transition: none;
  cursor: default;
}
.app-desktop .game-odd.selected .game-bet {
  color: #011017;
}
.app-desktop .game-odd.disabled .game-bet {
  display: none;
}
.app-desktop .game-actions {
  display: table-cell;
  vertical-align: middle;
}
.app-desktop .game-action {
  color: #646b6f;
  font-size: 20px;
  width: 46px;
  border: none;
  border-radius: 0;
  padding: 0;
  height: 37px;
}
.app-desktop .game-action:hover {
  color: #eee;
}
.app-desktop .game-action.active {
  color: #96bc0f;
}
.app-desktop .game-action + .game-action {
  border-top: 1px solid #03324a;
}
.app-desktop .game-bet {
  float: left;
  color: #dfdfdf;
  width: 50%;
  text-align: right;
  padding-right: 10px;
}
.app-desktop .game-price {
  float: left;
}
.app-desktop .game-parts {
  color: #e5b71a;
  font-weight: 600;
  display: table-cell;
  width: 32px;
  background: #021018;
  line-height: 26px;
  border-right: 1px solid #03324a;
}
.app-desktop .game-title {
  font-weight: bold;
  position: relative;
  padding: 5px 15px;
  background: #021018;
}
.app-desktop .game-types {
  width: 50%;
  text-align: center;
  color: #96bc0f;
  right: 65px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  line-height: 1;
  font-weight: bold;
  padding-left: 20px;
}
.app-desktop .live-game-types {
  width: 45%;
  text-align: center;
  color: #96bc0f;
  right: 65px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  line-height: 1;
  font-weight: bold;
  padding-left: 20px;
}
.app-desktop .sport-head.clear .sport-actions {
  display: flex;
  width: 50%;
}
.app-desktop .sport-head.clear .sport-actions .drop {
  width: 50%;
}
.app-desktop .sport-head.clear .sport-actions .drop .btn.btn-filter.drop-btn {
  width: 100%;
  text-align: right;
}
.app-desktop .sport-head.clear .sport-actions .drop .icon.icon-caret {
  text-align: right;
}
.app-desktop .sport-head.clear .sport-actions .drop .sport-lines {
  text-align: right;
  margin-right: 10px;
}
.app-desktop .sport-game-types-wrapper {
  width: 53%;
  display: flex;
  margin-left: auto;
}
.app-desktop .game-title.clear .sport-actions {
  display: flex;
  width: 50%;
}
.app-desktop .game-title.clear .sport-actions .drop.match-winner-drop {
  width: 100%;
  text-align: right;
}
.app-desktop .game-title.clear .sport-actions .drop {
  width: 50%;
}
.app-desktop .game-title.clear .sport-actions .drop .btn.btn-filter.drop-btn {
  width: 100%;
  text-align: right;
}
.app-desktop .game-title.clear .sport-actions .drop .icon.icon-caret {
  text-align: right;
}
.app-desktop .game-title.clear .sport-actions .drop .sport-lines {
  text-align: right;
  margin-right: 10px;
}
.app-desktop .game-types-wrapper {
  width: 55%;
  display: flex;
  margin-left: 40px;
  align-items: center;
}
.app-desktop .league-name {
  width: 45%;
}
.app-desktop .game-types-first {
  width: 45%;
  top: 50%;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  color: #96bc0f;
}
.app-desktop .game-types-second {
  width: 45%;
  top: 50%;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  color: #96bc0f;
  margin-left: 20px;
}
.app-desktop .filter-type-col.second {
  display: inline-block;
  width: 48%;
  margin-left: 20px;
}
.app-desktop .filter-type-col.first {
  display: inline-block;
  width: 48%;
}
.app-desktop .game-opap {
  color: #021621;
  font-weight: bold;
  background: #a9d214;
  padding: 0 3px;
}
.app-desktop .game-row {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.app-desktop .game-row + .game-row {
  border-top: 1px solid #03324a;
}
.app-desktop .game-col {
  display: table-cell;
  vertical-align: middle;
  width: 68px;
}
.app-desktop .game-col:first-child {
  text-align: right;
  width: auto;
}
.app-desktop .game-col:last-child {
  text-align: left;
  width: auto;
}
.app-desktop .game-more {
  display: table-cell;
  vertical-align: middle;
  color: #7beb00;
  width: 65px;
  cursor: pointer;
  transition: all 0.4s;
}
.app-desktop .game-more:hover {
  color: #96bc0f;
}
.app-desktop .game-score {
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background: url("../img/score.png") no-repeat 20px 0;
  font-size: 12px;
}
.app-desktop .game-score.disable {
  color: #1083bd;
}
.app-desktop .game-score.active {
  color: #f2e236;
}
.app-desktop .game-score.current {
  background: #183647;
  color: #f2e236;
  font-weight: bold;
  font-size: 14px;
}
.app-desktop .game-score.points {
  background: #1083bd;
  font-weight: 600;
}
.app-desktop .game-stream {
  color: #03324a;
  font-size: 20px;
}
.app-desktop .game-stream + .game-opap {
  margin-top: 6px;
}
.app-desktop .game-date {
  line-height: 32px;
  font-size: 14px;
}
.app-desktop .bell {
  color: orange;
  display: inline-block;
  padding: 0 5px;
  animation: fade-desktop 0.3s 20;
  opacity: 0;
}
.app-desktop .message {
  position: fixed;
  bottom: 30px;
  font-size: 16px;
  left: 15px;
  right: 15px;
  text-align: center;
  pointer-events: none;
  z-index: 2000;
}
.app-desktop .message-text {
  background: #96bc0f;
  color: #021018;
  font-weight: bold;
  padding: 15px 40px;
  display: inline-block;
  border-radius: 40px;
  min-width: 280px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
  position: relative;
  pointer-events: auto;
}
.app-desktop .message.ng-enter {
  transition: all 0.4s;
  opacity: 0;
  transform: scale(0.8);
}
.app-desktop .message.ng-enter-active {
  opacity: 1;
  transform: scale(1);
}
.app-desktop .message.ng-leave {
  transition: all 0.4s;
  max-height: 54px;
}
.app-desktop .message.ng-leave-active {
  opacity: 0;
  max-height: 0;
  margin-top: 0;
}
.app-desktop .message.error .message-text {
  background: #b71c1c;
  color: #fff;
}
.app-desktop .country {
  border-top: 1px solid #084869;
  font-size: 14px;
  line-height: 20px;
}
.app-desktop .country-name {
  background: #03324a;
  color: #eee;
  font-weight: 600;
  padding: 6px 15px;
  cursor: pointer;
  position: relative;
}
.app-desktop .country-name img {
  height: 22px;
  margin: -8px 15px -6px -2px;
}
.app-desktop .country-body {
  padding: 5px 10px;
}
.app-desktop .country .col {
  border-bottom: 1px solid #021621;
  padding: 10px 15px;
}
.app-desktop .country .input-check {
  float: left;
  margin-right: 12px;
}
.app-desktop .country-arrow {
  position: absolute;
  right: 10px;
  float: right;
  color: #fff;
  top: 7px;
  opacity: 0.5;
}
.app-desktop .country.open .country-arrow {
  display: none;
}
.app-desktop .group {
  border-bottom: 1px solid #021621;
}
.app-desktop .group-name {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  padding: 4px 15px;
  font-weight: 600;
  cursor: pointer;
  background: #1082be;
  color: #021019;
  margin-bottom: 1px;
}
.app-desktop .group.open .group-arrow {
  display: none;
}
.app-desktop .group-arrow {
  position: absolute;
  right: 10px;
  float: right;
  color: #fff;
  top: 7px;
  opacity: 0.5;
}
.app-desktop .pick {
  background: #d8d8d8;
  display: inline-block;
  color: #404040;
  padding: 5px;
  min-width: 230px;
}
.app-desktop .pick-num {
  background: #404040;
  color: #e4e4e4;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.app-desktop .pick-label {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
}
.app-desktop .pick-btn {
  background: #96bc0f;
  color: #021018;
  padding: 4px 10px;
  font-weight: bold;
}
.app-desktop .pick-btn:hover {
  background: #a4ca0f;
}
.app-desktop .pick.ng-enter {
  transition: all 0.4s;
  opacity: 0;
  transform: translateY(-40px);
}
.app-desktop .pick.ng-enter-active {
  opacity: 1;
  transform: translateY(0);
}
.app-desktop .pick.ng-leave {
  transition: all 0.4s;
}
.app-desktop .pick.ng-leave-active {
  opacity: 0;
  transform: translateY(-40px);
}
.app-desktop .league {
  border-bottom: 1px solid #03324a;
  font-size: 14px;
  line-height: 20px;
}
.app-desktop .league.open .league-head {
  border: none;
}
.app-desktop .league-head {
  background: #032d42;
  font-weight: 600;
  padding: 7px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.app-desktop .league-head img {
  height: 26px;
  margin: 0 10px 0 0;
}
.app-desktop .league-foot {
  padding: 10px 15px;
  text-align: center;
}
.app-desktop .league-more {
  background: #a9d214 no-repeat center;
  color: #032739;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  transition: none;
}
.app-desktop .league-more.active {
  background-image: url("/img/more.gif?1");
  color: transparent;
}
.app-desktop .league.active .league-head {
  background: #054261;
}
.app-desktop .league-arrow {
  color: #b1b1b1;
  position: absolute;
  right: 10px;
  top: 5px;
}
.app-desktop .league.open .league-arrow {
  display: none;
}
.app-desktop .match {
  background: #021621;
  color: #eee;
}
.app-desktop .match-tabs {
  overflow: hidden;
  font-weight: 600;
  height: 42px;
}
.app-desktop .match-tabs ul {
  white-space: nowrap;
  overflow: auto;
  padding: 2px 5px;
}
.app-desktop .match-tabs li {
  display: inline-block;
  vertical-align: middle;
}
.app-desktop .match-tabs li a {
  padding: 10px;
}
.app-desktop .match-tabs a.active {
  color: #96bc0f;
}
.app-desktop .match-odds {
  padding: 10px 10px 0 10px;
}
.app-desktop .match-line {
  text-align: center;
  background: #1a303c;
  color: #e5b71a;
  font-weight: bold;
  font-size: 14px;
  padding: 5px;
  height: calc(100% - 10px);
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-desktop .match-item {
  margin-bottom: 1px;
}
.app-desktop .match-item.open .match-arrow {
  display: none;
}
.app-desktop .match-type {
  background: #03324a;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 20px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.app-desktop .match-type-info {
  float: right;
  font-size: 12px;
  margin-right: 5px;
}
.app-desktop .match-arrow {
  position: absolute;
  right: 8px;
  color: #b1b1b1;
}
.app-desktop .match-bet {
  color: #eee;
  float: left;
  min-width: 50%;
  text-align: right;
  padding-right: 5px;
}
.app-desktop .match-price {
  float: left;
  padding-left: 5px;
}
.app-desktop .match-btn {
  background: #183647;
  border-color: #7e8a56;
  height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #e5b71a;
  width: 100%;
  border-radius: 6px;
  padding: 4px 12px;
  margin-bottom: 10px;
}
.app-desktop .match-btn:hover {
  background: #285a75;
}
.app-desktop .match-btn.selected {
  background: #96bc0f;
  color: #183647;
}
.app-desktop .match-btn.disabled {
  visibility: hidden;
}
.app-desktop .match-btn.selected .match-bet {
  color: #011017;
}
.app-desktop .match-player .match-bet {
  float: left;
  padding: 0 5px;
  width: auto;
}
.app-desktop .match-player .match-price {
  padding: 0 5px;
}
.app-desktop .match-head {
  padding: 10px 15px;
  overflow: hidden;
  border-bottom: 1px solid #084869;
}
.app-desktop .match-name {
  font-size: 20px;
  font-weight: 600;
  float: left;
}
.app-desktop .match-start {
  float: right;
  margin-top: 9px;
}
.app-desktop .match-league {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 5px;
}
.app-desktop .match-league img {
  width: 15px;
  height: 15px;
  margin: -2px 8px 0 0;
}
.app-desktop .match-back {
  float: left;
  padding: 0 5px;
  margin-right: 5px;
  margin-left: -5px;
  font-size: 14px;
  line-height: 18px;
  margin-top: -1px;
}
.app-desktop .date {
  overflow: hidden;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  border-top: 1px solid #074868;
}
.app-desktop .date-day {
  float: left;
  width: 14.28%;
}
.app-desktop .date-txt {
  background: #092a3b;
}
.app-desktop .date-num {
  background: #021118;
  font-weight: bold;
  cursor: pointer;
}
.app-desktop .date-num:hover, .app-desktop .date-day.active .date-num {
  background: #95bb0c;
  color: #021118;
}
.app-desktop .casino {
  padding: 10px;
  display: table;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
}
.app-desktop .casino ul {
  display: table-cell;
  vertical-align: middle;
}
.app-desktop .casino li {
  width: 50%;
  float: left;
  padding: 10px;
}
.app-desktop .casino li a {
  padding: 0;
}
.app-desktop .casino li a:hover {
  box-shadow: 0 0 10px 5px #96bc0f;
}
.app-desktop .casino img {
  width: 100%;
}
.app-desktop .casino-table {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.app-desktop .casino-error {
  text-align: center;
  font-size: 24px;
  top: 40%;
  position: absolute;
  width: 100%;
  left: 0;
}
.app-desktop .slots-vendors {
  width: 140px;
  background: #032131;
  position: absolute;
  height: 100%;
  overflow: hidden;
}
.app-desktop .slots-up {
  position: absolute;
  top: 0;
  width: 100%;
  background: linear-gradient(#032131 50%, transparent);
  z-index: 5;
  border: none;
  border-radius: 0;
  font-size: 24px;
  transition: none;
  color: #1083bd;
}
.app-desktop .slots-down {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(transparent, #032131 50%);
  z-index: 5;
  border: none;
  border-radius: 0;
  font-size: 24px;
  transition: none;
  color: #1083bd;
}
.app-desktop .slots-vendors ul {
  position: absolute;
  overflow: auto;
  height: 100%;
  left: 0;
  top: 0;
  padding: 10px;
}
.app-desktop .slots-vendors li {
  margin-bottom: 10px;
}
.app-desktop .slots-vendors li a {
  background: #183647;
  border-radius: 5px;
  padding: 0 5px;
  border: 1px solid #084869;
  width: 120px;
  height: 75px;
}
.app-desktop .slots-vendors li a:hover {
  background: #032131;
}
.app-desktop .slots-vendors li a.active {
  background: #96bc0f;
  border-color: #000;
}
.app-desktop .slots-vendors li a.active:after {
  border-style: solid;
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -20px;
  border-width: 20px 0 20px 10px;
  border-color: transparent transparent transparent #96bc0f;
  width: 0;
  height: 0;
}
.app-desktop .slots-vendors img {
  width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.app-desktop .slots-games {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  padding: 5px;
}
.app-desktop .slots-vendors + .slots-games {
  left: 140px;
}
.app-desktop .slots-game {
  width: 20%;
  float: left;
  position: relative;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  cursor: pointer;
}
.app-desktop .slots-pic {
  padding-bottom: 60%;
  position: relative;
  overflow: hidden;
  border: 5px solid #021018;
  transition: all 0.3s;
  background: #084869;
}
.app-desktop .slots-pic img {
  position: absolute;
  width: 100%;
  left: 0;
  transition: all 0.3s;
  height: 100%;
  top: 0;
}
.app-desktop .slots-hover {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -46px;
  opacity: 0;
  transition: all 0.35s;
  left: 100%;
}
.app-desktop .slots-name {
  font-size: 16px;
  border-bottom: 2px solid #96bc0f;
  text-transform: uppercase;
  padding: 8px;
  margin: 0 5px;
}
.app-desktop .slots-btn {
  background: #96bc0f;
  color: #03273a;
  margin-top: 15px;
  min-width: 150px;
  display: inline-block;
  padding: 7px;
  border-radius: 3px;
  font-size: 16px;
}
.app-desktop .slots-game:hover .slots-pic {
  border-color: #96bc0f;
}
.app-desktop .slots-game:hover .slots-pic img {
  opacity: 0.2;
}
.app-desktop .slots-game:hover .slots-hover, .app-desktop .slots-hover.hover {
  opacity: 1;
  left: 0;
}
.app-desktop .live {
  position: relative;
  height: 100%;
}
.app-desktop .live-main {
  position: absolute;
  left: 0;
  right: 395px;
  top: 0;
  bottom: 0;
  transition: all 0.4s;
}
.app-desktop .live-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 395px;
  bottom: 0;
  padding: 5px;
  background: #021621;
  transition: all 0.4s;
}
.app-desktop .live-match {
  border-left: 1px solid #08425f;
  padding-bottom: 100px;
  position: absolute;
  right: 0;
  left: 302px;
  top: 0;
  bottom: 0;
}
.app-desktop .live-content {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 75px;
  bottom: 0;
  padding-bottom: 100px;
}
.app-desktop .live-holder {
  position: absolute;
  width: 100%;
  top: 40px;
  bottom: 0;
}
.app-desktop .live-stream {
  margin-bottom: 5px;
  text-align: center;
}
.app-desktop .live-stream-actions {
  border-bottom: 1px solid #03324a;
}
.app-desktop .stream-change select {
  background-color: #021621;
}
.app-desktop .live-stream a {
  color: #96bc0f;
}
.app-desktop .live-stream-content.compact {
  aspect-ratio: 4/3;
}
.app-desktop .live-stream-content {
  aspect-ratio: 9/16;
}
.app-desktop .live.expand .live-stream-content.compact {
  height: 332px;
  aspect-ratio: unset;
}
.app-desktop .live-stream-content iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.app-desktop .live-stream-message {
  padding: 15px;
  font-size: 11px;
}
.app-desktop .live-menu {
  width: 300px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.app-desktop .live-menu-event {
  font-size: 12px;
  border-bottom: 1px solid #1083bd;
  text-align: center;
  line-height: 1.5;
  cursor: pointer;
}
.app-desktop .live-menu-event:hover {
  background: #094465;
}
.app-desktop .live-menu-event.active {
  background: #094465;
}
.app-desktop .live-menu td {
  border: 1px solid #03324a;
  width: 30px;
  height: 34px;
}
.app-desktop .live-menu td.live-menu-team {
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px;
  width: auto;
  border-right-color: transparent;
}
.app-desktop .live-menu td.live-menu-score {
  background: #021018;
  font-size: 16px;
  font-weight: bold;
  color: #f2e236;
  border-bottom-color: #021621;
}
.app-desktop .live-menu tr:first-child .live-menu-team {
  border-bottom: 1px dashed #03324a;
}
.app-desktop .live-menu tr:last-child .live-menu-team {
  border-top: 1px dashed #03324a;
}
.app-desktop .live-menu-time {
  color: #f2e236;
}
.app-desktop .live-menu-opap {
  background: #a9d214;
  font-weight: bold;
  color: #021621;
}
.app-desktop .live-menu-opap:empty {
  background: none;
}
.app-desktop .live-menu i {
  font-size: 18px;
  color: #aaa;
  opacity: 0.5;
}
.app-desktop .live-menu .btn {
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
}
.app-desktop .live-menu .btn:hover i {
  opacity: 1;
}
.app-desktop .live-menu .btn.active i {
  color: #96bc0f;
  opacity: 1;
}
.app-desktop .live-menu .sport-empty {
  font-size: 14px;
}
.app-desktop .live.expand .live-main {
  right: 540px;
}
.app-desktop .live.expand .live-right {
  width: 540px;
}
.app-desktop .live .game {
  border-bottom: 1px solid #1083bd;
  border-left: 1px solid #03324a;
  border-right: 1px solid #03324a;
}
.app-desktop .live .game-actions {
  border-left: 1px solid #03324a;
  border-right: 1px solid #03324a;
}
.app-desktop .live .game-opap {
  height: 37px;
  padding-top: 7px;
}
.app-desktop .live .sport-head {
  padding: 5px 10px;
}
.app-desktop .live-empty {
  text-align: center;
  padding: 20px;
  font-size: 18px;
  line-height: 24px;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
.app-desktop .drop-menu a.active {
  background: #95bb0f;
  color: #000000;
}
.app-desktop .status {
  height: 220px;
  background: #000;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
}
.app-desktop .status-bg {
  background: no-repeat center;
  background-size: cover;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.app-desktop .status-content {
  position: absolute;
  top: 50%;
  max-width: 760px;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 5px;
}
.app-desktop .status-info {
  position: relative;
  font-weight: bold;
  padding: 7px;
  height: 100%;
}
.app-desktop .status-league {
  width: 125px;
  height: 100%;
  background: rgba(3, 33, 49, 0.81);
  float: left;
  margin-right: 7px;
  position: relative;
  overflow: hidden;
}
.app-desktop .status-league img {
  width: 96px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.app-desktop .status-teams {
  background: url(../img/promo/teams.png) no-repeat center;
  height: 56px;
  position: relative;
  background-size: 100%;
  z-index: 2;
  font-weight: bold;
}
.app-desktop .status-team {
  position: absolute;
  right: 50%;
  top: 50%;
  line-height: 1.2;
  padding-left: 30px;
  transform: translateY(-50%);
  width: 50%;
  display: table;
}
.app-desktop .status-team-img {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
}
.app-desktop .status-team-name {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  text-align: center;
}
.app-desktop .status-team-img img {
  width: 100%;
}
.app-desktop .status-team + .status-team {
  left: 50%;
  right: auto;
  padding-right: 30px;
  padding-left: 20px;
  text-align: right;
}
.app-desktop .status-title {
  background: no-repeat 8px rgba(3, 33, 49, 0.8);
  min-width: 130px;
  text-align: center;
  padding: 9px;
  display: inline-block;
  background-size: 17px;
  margin-bottom: 7px;
}
.app-desktop .status-title i {
  float: left;
  color: #96bc0f;
  font-size: 18px;
  margin-right: 10px;
}
.app-desktop .status-scores {
  height: 100px;
  background: #021e2d;
  border-radius: 0 0 6px 6px;
  position: relative;
  margin: -28px 35px 0 35px;
  padding-top: 38px;
  text-align: center;
}
.app-desktop .status-foot {
  text-align: center;
  font-size: 21px;
  line-height: 35px;
  position: absolute;
  bottom: 7px;
}
.app-desktop .status-stream {
  width: 60px;
  height: 38px;
  background: rgba(3, 33, 49, 0.81);
  float: left;
  margin-right: 5px;
}
.app-desktop .status .game-row {
  min-width: 450px;
  margin: 0 auto;
  width: auto;
}
.app-desktop .account {
  font-size: 14px;
  line-height: 20px;
  margin: 0 auto;
  width: 77%;
  top: 20px;
  position: relative;
  padding-bottom: 100px;
}
.app-desktop .account-title {
  padding: 10px 15px;
  display: none;
}
.app-desktop .account-content {
  background: #ddd;
  color: #292b2c;
}
.app-desktop .account-foot {
  margin-top: 15px;
  text-align: center;
}
.app-desktop .account-head {
  padding: 10px 15px;
  background: #03324a;
  color: #eee;
  font-weight: 600;
}
.app-desktop .account-tabs {
  background: #021018;
  font-weight: 600;
}
.app-desktop .account-tabs li {
  display: inline-block;
  vertical-align: middle;
}
.app-desktop .account-tabs a.active {
  color: #96bc0f;
}
.app-desktop .account-info {
  margin-bottom: 30px;
}
.app-desktop .account-info tr {
  border-bottom: 1px dashed #bbb;
}
.app-desktop .account-info td {
  padding: 5px 0;
}
.app-desktop .account-info th {
  background: #03334a;
  padding: 5px;
  color: #eee;
}
.app-desktop .account-label {
  border-bottom: 1px solid #03324a;
  color: #03324a;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}
.app-desktop .account-body {
  padding: 15px;
}
.app-desktop .account-empty {
  text-align: center;
  padding: 20px;
  font-size: 16px;
  line-height: 1.5;
}
.app-desktop .account-table {
  text-align: center;
}
.app-desktop .account-table thead {
  background: #03324a;
  color: #eee;
}
.app-desktop .account-table thead tr + tr {
  background: #03273a;
  font-size: 12px;
}
.app-desktop .account-table td, .app-desktop .account-table th {
  padding: 8px;
  font-weight: normal;
}
.app-desktop .account-table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.app-desktop .account-over {
  cursor: pointer;
  transition: 0.4s;
}
.app-desktop .account-over.active, .app-desktop .account-over:hover {
  box-shadow: inset 0 10px 10px -4px #ff6000, inset 0 -10px 10px -4px #ff6000;
}
.app-desktop .page {
  position: relative;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.app-desktop .page li {
  display: inline-block;
  vertical-align: middle;
}
.app-desktop .page li a, .app-desktop .page li span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  color: #292b2c;
}
.app-desktop .page li:first-child a, .app-desktop .page li:first-child span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.app-desktop .page li:last-child a, .app-desktop .page li:last-child span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.app-desktop .page a.active, .app-desktop .page span.active {
  z-index: 2;
  color: #292b2c;
  cursor: default;
  background: #FFD569;
}
.app-desktop .page a.disabled, .app-desktop .page span.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.app-desktop .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100%;
  height: 100%;
  overflow: auto;
  outline: none;
  background: no-repeat center;
  transition: background-color 0.4s;
}
.app-desktop .modal-holder {
  display: table;
  width: 100%;
  height: 100%;
  pointer-events: none;
  table-layout: fixed;
}
.app-desktop .modal-wrap {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
}
.app-desktop .modal-dialog {
  position: relative;
  max-width: 480px;
  margin: 0 auto 50px auto;
  min-height: 150px;
  font-size: 14px;
  line-height: 20px;
  background: #ccc;
  color: #222;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
  pointer-events: auto;
  transition: all 0.4s;
  transition-property: opacity, transform;
  opacity: 0;
  transform: translateY(-50px);
}
.app-desktop .modal-head {
  background: #03324a;
  color: #eee;
  padding: 12px 15px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
}
.app-desktop .modal-body {
  padding: 15px;
}
.app-desktop .modal-foot {
  padding: 10px 15px 15px 15px;
  text-align: center;
}
.app-desktop .modal-body .modal-foot {
  margin-top: 15px;
  padding: 0;
  text-align: center;
}
.app-desktop .modal-close {
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  background: url("../img/close.png");
  width: 36px;
  height: 36px;
  z-index: 30;
}
.app-desktop .modal.show {
  background-color: rgba(0, 0, 0, 0.4);
}
.app-desktop .modal.loading {
  background-image: url("../img/loader-modal.gif");
}
.app-desktop .modal.loaded.show .modal-dialog {
  opacity: 1;
  transform: none;
}
.app-desktop .modal.loaded.loading {
  background-image: none;
}
.app-desktop .modal.loaded.loading .modal-dialog:after {
  content: "";
  background: url("../img/loader-modal.gif") no-repeat center rgba(0, 0, 0, 0.4);
  background-size: 3rem;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  position: absolute;
}
.app-desktop .modal-tabs ul {
  display: table;
  width: 100%;
  text-align: center;
}
.app-desktop .modal-tabs li {
  display: table-cell;
}
.app-desktop .modal-tabs a {
  border-bottom: 2px solid transparent;
  color: #222;
}
.app-desktop .modal-tabs a.active {
  border-color: #768e20;
}
.app-desktop .modal.full .modal-close {
  right: -15px;
  top: -15px;
}
.app-desktop .modal.full .modal-dialog {
  max-width: 640px;
  min-height: 0;
  background: transparent;
}
.app-desktop .modal .bets {
  border: 1px solid #03324a;
}
.app-desktop .modal .bets-head {
  line-height: 46px;
}
.app-desktop .modal-warning .modal-head {
  background: #cd0100;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-game-name {
  margin-bottom: 0;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-game-status {
  position: unset;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-game-price {
  float: none;
  margin-right: 0;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex {
  display: flex;
  flex-wrap: nowrap;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.w-full {
  width: 100%;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.gap-10 {
  gap: 10px;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.pad-btm {
  padding-bottom: 10px;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.gap-5 {
  gap: 5px;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.margin-btm {
  margin-bottom: 10px;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.margin-top {
  margin-top: 5px;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.border2 {
  border-bottom: 2px solid #e6e4e4;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.bet-builder:not(:last-child) .border1 {
  border-bottom: 1px solid #e6e4e4;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.flex-row {
  flex-direction: row;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.flex-row.items-start {
  align-items: flex-start;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.flex-row.items-end {
  align-items: flex-start;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.flex-row.justify-between {
  justify-content: space-between;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.flex-column {
  flex-direction: column;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.flex-column.items-start {
  align-items: flex-start;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex.flex-column.items-end {
  align-items: flex-start;
}
.app-desktop [ng-controller="account.coupon"] .coupon .coupon-flex .bet-builder-route {
  padding: 6px 0;
}
.app-desktop .coupon {
  color: #000;
  font-size: 12px;
}
.app-desktop .coupon-head {
  margin-bottom: 10px;
  position: relative;
}
.app-desktop .coupon-summary {
  padding: 10px 15px;
  background: linear-gradient(to bottom, transparent, #ccc 60px);
}
.app-desktop .coupon-type {
  font-size: 18px;
  font-weight: bold;
}
.app-desktop .coupon-status {
  position: absolute;
  right: 0;
  top: 5px;
  font-weight: bold;
}
.app-desktop .coupon-row {
  border-bottom: 1px dashed #b5b5b5;
  display: table;
  width: 100%;
}
.app-desktop .coupon-row:last-child {
  border: none;
}
.app-desktop .coupon-label {
  display: table-cell;
  padding: 5px 5px 5px 0;
  font-weight: bold;
}
.app-desktop .coupon-value {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.app-desktop .coupon-games {
  border-bottom: 1px solid #a9a9a9;
  border-top: 1px solid #a9a9a9;
  background-color: #ccc;
}
.app-desktop .coupon-game {
  padding: 6px 10px;
  position: relative;
}
.app-desktop .coupon-game:last-child {
  margin-bottom: 0;
}
.app-desktop .bets-live-info {
  font-size: 10px;
}
.app-desktop .coupon-name {
  margin-right: 5px;
}
.app-desktop .coupon-bet {
  margin-top: 3px;
}
.app-desktop .coupon-bet-name {
  font-weight: normal;
  font-size: 12px;
}
.app-desktop .bets-game-info {
  border-bottom: 1px solid #bfbfbf;
  padding: 6px;
  overflow: hidden;
  cursor: pointer;
}
.app-desktop .coupon-start-date {
  font-size: 12px;
  font-weight: normal;
}
.app-desktop .coupon-desc {
  margin-left: 55px;
}
.app-desktop .bets-game-info:hover {
  background: #fff;
}
.app-desktop .ticket-odd-details-betbuilder {
  justify-self: end;
}
.app-desktop .ticket-header .ticket-participants-betBuilder {
  padding: 0 10px;
  width: 100%;
  margin: 4px 0;
}
.app-desktop .ticket-header .ticket-participants-betBuilder .coupon-name {
  font-weight: bold;
  font-size: 14px;
}
.app-desktop .ticket-header .ticket-participants-betBuilder .coupon-start-date {
  font-size: 12px;
}
.app-desktop .bets-game-bet {
  display: table-cell;
  width: 100%;
}
.app-desktop .bets-game-price {
  display: table-cell;
  background: url("../img/cashout.png") no-repeat 0 0;
  padding-left: 20px;
}
.app-desktop .bets-game.up .bets-game-price {
  background-position-y: -20px;
}
.app-desktop .bets-game.down .bets-game-price {
  background-position-y: -40px;
}
.app-desktop .bets-game.blocked .bets-game-price {
  background-position-y: -60px;
}
.app-desktop .bets-game.completed .bets-game-price {
  background-position-y: -80px;
}
.app-desktop .coupon {
  color: #000;
  font-size: 12px;
}
.app-desktop .coupon-head {
  margin-bottom: 10px;
  position: relative;
}
.app-desktop .coupon-summary {
  padding: 10px 15px;
  background: linear-gradient(to bottom, transparent, #ccc 60px);
}
.app-desktop .coupon-type {
  font-size: 18px;
  font-weight: bold;
}
.app-desktop .coupon-status {
  position: absolute;
  right: 0;
  top: 5px;
  font-weight: bold;
}
.app-desktop .coupon-row {
  border-bottom: 1px dashed #b5b5b5;
  display: table;
  width: 100%;
}
.app-desktop .coupon-row:last-child {
  border: none;
}
.app-desktop .coupon-label {
  display: table-cell;
  padding: 5px 5px 5px 0;
  font-weight: bold;
}
.app-desktop .coupon-value {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.app-desktop .coupon-games {
  border-bottom: 1px solid #a9a9a9;
  border-top: 1px solid #a9a9a9;
  background-color: #ccc;
}
.app-desktop .coupon-game {
  padding: 6px 10px;
  position: relative;
}
.app-desktop .coupon-game:last-child {
  margin-bottom: 0;
}
.app-desktop .bets-live-info {
  font-size: 10px;
}
.app-desktop .coupon-name {
  margin-right: 5px;
}
.app-desktop .coupon-bet {
  margin-top: 3px;
}
.app-desktop .coupon-bet-name {
  font-weight: normal;
  font-size: 12px;
}
.app-desktop .bets-game-info {
  border-bottom: 1px solid #bfbfbf;
  padding: 6px;
  overflow: hidden;
  cursor: pointer;
}
.app-desktop .coupon-start-date {
  font-size: 12px;
  font-weight: normal;
}
.app-desktop .coupon-desc {
  margin-left: 55px;
}
.app-desktop .bets-game-info:hover {
  background: #fff;
}
.app-desktop .ticket-odd-details-betbuilder {
  justify-self: end;
}
.app-desktop .ticket-header .ticket-participants-betBuilder {
  padding: 0 10px;
  width: 100%;
  margin: 4px 0;
}
.app-desktop .ticket-header .ticket-participants-betBuilder .coupon-name {
  font-weight: bold;
  font-size: 14px;
}
.app-desktop .ticket-header .ticket-participants-betBuilder .coupon-start-date {
  font-size: 12px;
}
.app-desktop .coupon-game-id {
  font-weight: bold;
}
.app-desktop .coupon-game-name {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 5px;
}
.app-desktop .coupon-game-bet {
  float: left;
  font-weight: bold;
  font-size: 14px;
}
.app-desktop .coupon-game-price {
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin-right: 12px;
}
.app-desktop .coupon-game-status {
  position: absolute;
  right: 5px;
  top: 5px;
  min-width: 100px;
  text-align: center;
  font-weight: bold;
}
.app-desktop .coupon-live {
  background: #cd0100;
  color: #fff;
  font-size: 10px;
  padding: 1px 5px;
  display: inline-block;
  text-transform: uppercase;
  margin-right: 5px;
  font-weight: normal;
}
.app-desktop .coupon-game-type {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.app-desktop .coupon-block {
  padding: 15px;
  border-bottom: 1px solid #a9a9a9;
  background: #ccc;
}
.app-desktop .coupon-game-info {
  margin-left: 25px;
  margin-right: 100px;
}
.app-desktop .coupon-sport img {
  width: 25px;
}
.app-desktop .reductor-message {
  font-size: 10px;
  color: #b90000;
  padding: 5px;
}
.app-desktop .search {
  color: #eee;
  text-align: center;
  border: 1px solid #084869;
}
.app-desktop .search i {
  position: absolute;
  color: #e0e0e0;
  font-size: 32px;
  padding: 8px;
}
.app-desktop .search input {
  border-radius: 0;
  font-size: 21px;
  padding: 5px 5px 5px 55px;
  height: 48px;
  border: none;
}
.app-desktop .search img {
  width: 100%;
}
.app-desktop .search-row {
  display: table;
  width: 100%;
  border-bottom: 1px solid #084869;
  background: #183647;
  cursor: pointer;
  height: 48px;
}
.app-desktop .search-row:hover {
  background: #285a75;
}
.app-desktop .search-row:last-child {
  border-bottom: none;
}
.app-desktop .search-slot {
  display: table-cell;
  vertical-align: middle;
  width: 70px;
  padding: 5px;
}
.app-desktop .search-date {
  color: #ffdf1b;
}
.app-desktop .search-time {
  color: #eee;
}
.app-desktop .search-col {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  border-right: 1px solid #084869;
  padding: 5px;
}
.app-desktop .search-info {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  font-weight: 600;
  text-align: left;
}
.app-desktop .search-league {
  opacity: 0.6;
  font-weight: normal;
  font-size: 13px;
}
.app-desktop .search-live {
  background: #cd0100;
  padding: 2px 5px;
  margin-left: 8px;
  font-size: 12px;
}
.app-desktop .search-opap {
  color: #021621;
  font-weight: bold;
  background: #a9d214;
  padding: 0 4px;
  margin-left: 8px;
}
.app-desktop .search-score {
  background: #ffdf1b;
  color: #333;
  width: 50px;
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}
.app-desktop .search-vendor {
  color: #ccc;
  font-weight: normal;
  font-size: 14px;
}
.app-desktop .search-col img {
  width: 25px;
}
.app-desktop .search-tabs li {
  width: 50%;
  float: left;
  font-size: 16px;
}
.app-desktop .search-tabs a {
  background: #054363;
  color: #e0e0e0;
  font-weight: bold;
}
.app-desktop .search-tabs a.active {
  background: #96bc0f;
  color: #021018;
}
.app-desktop .search-empty {
  padding: 10px;
  background: #183647;
}
.app-desktop #app {
  position: relative;
  height: 100%;
  padding-top: 95px;
}
.app-desktop #head {
  position: absolute;
  width: 100%;
  top: 0;
}
.app-desktop #main {
  position: relative;
  height: 100%;
}
.app-desktop #loader {
  background: #021621 no-repeat center;
  position: absolute;
  left: 0;
  top: 95px;
  z-index: 100;
  bottom: 0;
  right: 0;
}
.app-desktop #loader.active {
  background-color: rgba(2, 22, 33, 0.61);
}
.app-desktop #loader.ng-enter {
  transition: all 0.4s;
  opacity: 0;
}
.app-desktop #loader.ng-enter-active {
  opacity: 1;
}
.app-desktop #loader.ng-leave {
  transition: all 0.4s;
  opacity: 1;
}
.app-desktop #loader.ng-leave-active {
  opacity: 0;
}
.app-desktop .long-term .event-title {
  padding: 10px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.app-desktop .long-term .event-title .notes {
  color: #95bb0c;
  font-size: 10px;
}
.app-desktop .long-term .event-title a {
  color: #ddd;
}
.app-desktop .long-term .event-container {
  background-color: #092a3b;
  border-bottom: 1px solid #95bb0c;
}
.app-desktop .long-term .match-item {
  background-color: #021621;
}
.app-desktop .horizontal-match-line {
  padding: 10px;
  background-color: #1a303c;
  text-align: left;
  border-bottom: 1px solid #333;
  color: #fff;
}
.app-desktop .long-term .match-btn {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.app-desktop .long-term .match-bet {
  text-align: left;
  width: 70%;
}
.app-desktop .long-term .match-price {
  text-align: right;
  line-height: unset !important;
  width: 30%;
  float: unset;
}
.app-desktop .long-term .odd-container {
  background-color: #1a303c;
  height: 50px;
  padding: 0 10px;
}
.app-desktop .stats {
  display: inline-flex;
  line-height: 26px;
  min-width: 350px;
  position: relative;
  text-align: center;
  font-size: 12px;
  justify-content: center;
  align-items: center;
}
.app-desktop .stats-home {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  position: relative;
}
.app-desktop .stats-away {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  position: relative;
  flex-direction: row-reverse;
}
.app-desktop .stats-home:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  background: #03324a;
  width: 100%;
  right: 0;
  min-width: 180px;
}
.app-desktop .stats-away:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  background: #03324a;
  width: 100%;
  left: 0;
  min-width: 180px;
}
.app-desktop .stats-info {
  padding: 0 5px;
  min-width: 80px;
  color: #ccc;
  line-height: 18px;
}
.app-desktop .stats-col {
  min-width: 24px;
  flex: 1;
}
.app-desktop .stats-label {
  color: #1083bd;
}
.app-desktop .stats-icon {
  height: 24px;
  background: url(../img/score.png) no-repeat 20px 0;
  width: 20px;
  display: inline-block;
  vertical-align: top;
}
.app-desktop .stats-score.current {
  color: #f2e236;
  font-weight: bold;
  font-size: 14px;
  background: #03324a;
}
.app-desktop .stats-score.active {
  color: #f2e236;
}
.app-desktop .stats-score.points {
  background: #1083bd;
  font-weight: bold;
}
.app-desktop .sport-background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  height: 162px;
}
@media (max-width: 1280px) {
  .app-desktop .sport-menu {
    width: 65px;
  }
  .app-desktop .sport-main {
    left: 65px;
  }
  .app-desktop .sport-main .date {
    display: block;
  }
  .app-desktop .sport-hot, .app-desktop .sport-menu .date, .app-desktop .status-info {
    display: none;
  }
  .app-desktop .game-odds {
    width: 50%;
    padding: 0;
  }
  .app-desktop .game-more {
    width: 46px;
  }
  .app-desktop .sport-actions .drop {
    display: block;
    text-align: center;
  }
  .app-desktop .btn-settings {
    min-width: 130px;
  }
  .app-desktop .game-types {
    width: 50%;
    padding: 0;
    right: 46px;
  }
  .app-desktop .head-date {
    display: none;
  }
  .app-desktop .head-menu li a {
    padding: 10px;
    font-size: 16px;
  }
  .app-desktop .head-logo {
    width: 150px;
    height: 38px;
    top: 2px;
  }
  .app-desktop .head-bottom {
    padding-left: 60px;
  }
  .app-desktop .head-search {
    width: 60px;
    top: 49px;
  }
  .app-desktop .sport-nav img {
    width: 26px;
    margin-right: 14px;
    margin-left: -5px;
  }
  .app-desktop .btn-search i {
    margin-left: 12px;
    font-size: 22px;
    color: inherit;
    margin-right: 20px;
  }
  .app-desktop .sport-nav a {
    color: transparent;
  }
  .app-desktop .slots-game {
    width: 20%;
  }
}
@media (max-width: 768px) {
  .app-desktop .sport-bets {
    display: none;
  }
  .app-desktop .sport-main {
    right: 0;
  }
  .app-desktop .slots-game {
    width: 25%;
  }
}
@media (max-width: 1600px) {
  .app-desktop .info-laptop {
    display: flex;
    margin: auto;
    width: fit-content;
  }
  .app-desktop .info-laptop .status-title {
    margin: 0 2px;
  }
  .app-desktop .info-laptop .status-foot {
    margin: 0 2px;
    position: unset;
  }
}
.app-desktop .bet-builder {
  position: relative;
}
.app-desktop .category-message {
  font-weight: 600;
}
.app-desktop .cashout-game {
  position: relative;
}
.app-desktop .coupon-game-bet-betbuilder {
  font-weight: bold;
  font-size: 14px;
}
.app-desktop .coupon-bet-type-betbuilder {
  flex: 1;
}
.app-desktop .coupon-desc-betbuilder {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  width: 100%;
}
.app-desktop .betbuilder-game-status {
  position: absolute;
  top: 5px;
  right: 15px;
}
.app-desktop .bet-builder .bets-game-info .bets-game-price {
  position: absolute;
  top: 50px;
  right: 8px;
}
.app-desktop .cashout-game.border {
  border-bottom: 1px solid #1083bc;
  padding-bottom: 5px;
}
.app-desktop .bets-game-price-betbuilder-cashout {
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.app-desktop .lost-icon {
  color: red;
  font-size: 20px;
}
.app-desktop .won-icon {
  color: green;
  font-size: 20px;
}
.app-desktop .current-icon {
  color: #ff8300;
  font-size: 20px;
}
.app-desktop .circle-icon {
  display: inline-block;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  text-align: center;
  line-height: 23px;
  font-size: 9px;
  color: white;
  font-weight: bold;
}
.app-desktop .betbuilder-status-void {
  background-color: gray;
}
.app-desktop .betbuilder-status-hl {
  background-color: red;
}
.app-desktop .betbuilder-status-hw {
  background-color: green;
}
.app-desktop .icon.icon-text {
  display: inline-block;
  vertical-align: middle;
}
.app-desktop .rectangle-icon {
  display: inline-block;
  width: 45px;
  height: 19px;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  color: white;
  font-weight: bold;
  border-radius: 3px;
}
.app-desktop .bet-builder.changed .bets-game-price-betbuilder {
  color: #cc0101;
}
.app-desktop .bet-builder.closed .bets-game-closed {
  display: inline-block;
}
.app-desktop .coupon-game.closed {
  opacity: 0.5;
}
.app-desktop .bets-game-price-betbuilder {
  display: inline;
  float: right;
}
.app-desktop .bets-game-odd-betbuilder {
  margin: 0 10px 10px 10px;
  display: flex;
  gap: 5px;
  justify-content: right;
}
.app-desktop .bets-game-changed-betbuilder {
  color: #cb0102;
  border: 1px solid;
  padding: 0 2px;
  font-size: 10px;
  height: 20px;
}
.app-desktop .centered {
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-desktop .pad-1 {
  padding: 10px;
}
.app-desktop .pad-y1 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.app-desktop .pad-x1 {
  padding-left: 10px;
  padding-right: 10px;
}
.app-desktop .pad-top {
  padding-top: 10px;
}
.app-desktop .m-0 {
  margin: 0;
}
.app-desktop .mt-10 {
  margin-top: 10px;
}
.app-desktop .coupon-game-select {
  color: #222;
  font-weight: 600;
  border-radius: 4px;
  margin-top: 8px;
  padding-bottom: 2px;
  text-align: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1215686275) 0%, rgba(255, 255, 255, 0.5607843137) 90%, #bbbbbb 90%, #bbbbbb 90%, #b2bbc1);
  box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.231372549);
}
.app-desktop .bets-game-sport .coupon-game-select {
  background: #ccc;
  box-shadow: inset 1px 4px 5px 0 rgba(0, 0, 0, 0.231372549);
  text-align: center;
}
.app-desktop .notification-wrapper {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  height: 100%;
  width: 100%;
  color: #fff;
  overflow: hidden;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-desktop .notification-container {
  text-align: center;
  padding: 10px;
}
.app-desktop .notification-buttons {
  max-width: 400px;
  margin: 0 auto 50px auto;
}
.app-desktop .n-btn {
  padding: 8px 15px;
  display: inline-block;
  width: 100%;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  background: #FFDF1B;
  cursor: pointer;
  position: relative;
  border-radius: 10px;
  z-index: 0;
  outline: 0;
}
.app-desktop .n-btn.bonus-btn {
  background-color: #4ACFA5;
}
.app-desktop .n-btn:before {
  content: "";
  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  border: none;
}
.app-desktop .n-btn:active:after {
  background: transparent;
}
.app-desktop .n-btn:hover:before {
  opacity: 1;
}
.app-desktop .n-btn:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 10px;
}

.app-mobile {
  /*Flex style CSS*/
}
.app-mobile article, .app-mobile aside, .app-mobile details, .app-mobile figcaption, .app-mobile footer, .app-mobile header, .app-mobile hgroup, .app-mobile main, .app-mobile menu, .app-mobile nav, .app-mobile section, .app-mobile summary {
  display: block;
}
.app-mobile audio, .app-mobile canvas, .app-mobile progress, .app-mobile video {
  display: block;
}
.app-mobile audio:not([controls]) {
  display: none;
  height: 0;
}
.app-mobile template, .app-mobile resource, .app-mobile [hidden] {
  display: none;
}
.app-mobile a {
  color: #e0e0e0;
  background-color: transparent;
  text-decoration: none;
}
.app-mobile a:active, .app-mobile a:hover {
  outline: 0;
}
.app-mobile b, .app-mobile strong {
  font-weight: bold;
}
.app-mobile dfn {
  font-style: italic;
}
.app-mobile small {
  font-size: 80%;
}
.app-mobile sub, .app-mobile sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.app-mobile sup {
  top: -0.5em;
}
.app-mobile sub {
  bottom: -0.25em;
}
.app-mobile img {
  border: 0;
  vertical-align: middle;
}
.app-mobile svg:not(:root) {
  overflow: hidden;
  pointer-events: none;
}
.app-mobile hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.app-mobile pre {
  overflow: auto;
  padding: 10px;
  margin: 0;
  text-align: left;
}
.app-mobile code, .app-mobile kbd, .app-mobile pre, .app-mobile samp {
  font-family: monospace, monospace;
  font-size: 1em;
  line-height: 1.2;
}
.app-mobile button, .app-mobile input, .app-mobile optgroup, .app-mobile select, .app-mobile textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  line-height: inherit;
}
.app-mobile button {
  overflow: visible;
}
.app-mobile button, .app-mobile select {
  text-transform: none;
}
.app-mobile button, .app-mobile html input[type=button], .app-mobile input[type=reset], .app-mobile input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
.app-mobile button[disabled], .app-mobile html input[disabled] {
  cursor: default;
}
.app-mobile button::-moz-focus-inner, .app-mobile input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.app-mobile input {
  line-height: normal;
}
.app-mobile legend {
  border: 0;
  padding: 0;
}
.app-mobile textarea {
  overflow: auto;
  resize: vertical;
}
.app-mobile optgroup {
  font-weight: bold;
}
.app-mobile label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}
.app-mobile table {
  border-collapse: collapse;
  border-spacing: 0;
}
.app-mobile td, .app-mobile th {
  padding: 0;
}
.app-mobile h1, .app-mobile h2, .app-mobile h3, .app-mobile h4, .app-mobile h5, .app-mobile h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.app-mobile h1 {
  font-size: 30px;
}
.app-mobile h2 {
  font-size: 24px;
}
.app-mobile h3 {
  font-size: 18px;
}
.app-mobile h4 {
  font-size: 16px;
}
.app-mobile h5 {
  font-size: 14px;
}
.app-mobile h6 {
  font-size: 12px;
}
.app-mobile p {
  margin: 0 0 10px;
}
.app-mobile .app {
  width: 100%;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-mobile .nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.app-mobile .nav > li {
  display: block;
  position: relative;
}
.app-mobile .nav > li > a {
  display: block;
  position: relative;
  padding: 10px 15px;
  transition: all 0.4s;
  text-decoration: none;
}
.app-mobile .nav:after {
  clear: both;
  content: "";
  display: block;
}
.app-mobile .row {
  margin-left: -10px;
  margin-right: -10px;
}
.app-mobile .row-lg {
  margin-left: -15px;
  margin-right: -15px;
}
.app-mobile .row-sm {
  margin-left: -4px;
  margin-right: -4px;
}
.app-mobile .row-xs {
  margin-left: 0;
  margin-right: 0;
}
.app-mobile .row-xs .col {
  padding-left: 0;
  padding-right: 0;
}
.app-mobile .row-sm .col {
  padding-left: 4px;
  padding-right: 4px;
}
.app-mobile .row-lg .col {
  padding-left: 15px;
  padding-right: 15px;
}
.app-mobile .row:after {
  content: " ";
  display: table;
  clear: both;
}
.app-mobile .col {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.app-mobile .col-1 {
  width: 8.33333333%;
}
.app-mobile .col-2 {
  width: 16.66666667%;
}
.app-mobile .col-3, .app-mobile .row-4 > .col {
  width: 25%;
}
.app-mobile .col-4, .app-mobile .row-3 > .col {
  width: 33.33333333%;
}
.app-mobile .col-5 {
  width: 41.66666667%;
}
.app-mobile .col-6, .app-mobile .row-2 > .col {
  width: 50%;
}
.app-mobile .col-7 {
  width: 58.33333333%;
}
.app-mobile .col-8 {
  width: 66.66666667%;
}
.app-mobile .col-9 {
  width: 75%;
}
.app-mobile .col-10 {
  width: 83.33333333%;
}
.app-mobile .col-11 {
  width: 91.66666667%;
}
.app-mobile .col-12 {
  width: 100%;
}
.app-mobile .clear:after {
  content: "";
  display: table;
  clear: both;
}
.app-mobile .pull-right {
  float: right;
}
.app-mobile .pull-left {
  float: left;
}
.app-mobile .inline {
  display: inline-block;
  vertical-align: middle;
}
.app-mobile .block {
  display: block;
}
.app-mobile .active .active-show {
  display: inline-block;
}
.app-mobile .active .active-hide, .app-mobile .active-show {
  display: none;
}
.app-mobile .hide, .app-mobile .ng-cloak {
  display: none !important;
}
.app-mobile .show-md, .app-mobile .show-sm, .app-mobile .show-xs {
  display: none !important;
}
.app-mobile .table {
  display: table;
  width: 100%;
  border-spacing: 0;
}
.app-mobile .table-fix {
  table-layout: fixed;
  display: table;
  width: 100%;
}
.app-mobile .table td {
  padding: 4px;
}
.app-mobile .table > .col, .app-mobile .table-cell {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
.app-mobile .scroll {
  overflow: auto;
}
@media (max-width: 1600px) {
  .app-mobile .hide-md {
    display: none !important;
  }
  .app-mobile .show-md {
    display: block !important;
  }
  .app-mobile .col-md-1 {
    width: 8.33333333%;
  }
  .app-mobile .col-md-2 {
    width: 16.66666667%;
  }
  .app-mobile .col-md-3 {
    width: 25%;
  }
  .app-mobile .col-md-4 {
    width: 33.33333333%;
  }
  .app-mobile .col-md-5 {
    width: 41.66666667%;
  }
  .app-mobile .col-md-6 {
    width: 50%;
  }
  .app-mobile .col-md-7 {
    width: 58.33333333%;
  }
  .app-mobile .col-md-8 {
    width: 66.66666667%;
  }
  .app-mobile .col-md-9 {
    width: 75%;
  }
  .app-mobile .col-md-10 {
    width: 83.33333333%;
  }
  .app-mobile .col-md-11 {
    width: 91.66666667%;
  }
  .app-mobile .col-md-12 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .app-mobile .hide-sm {
    display: none !important;
  }
  .app-mobile .show-sm {
    display: block !important;
  }
  .app-mobile .col-sm-1 {
    width: 8.33333333%;
  }
  .app-mobile .col-sm-2 {
    width: 16.66666667%;
  }
  .app-mobile .col-sm-3 {
    width: 25%;
  }
  .app-mobile .col-sm-4 {
    width: 33.33333333%;
  }
  .app-mobile .col-sm-5 {
    width: 41.66666667%;
  }
  .app-mobile .col-sm-6 {
    width: 50%;
  }
  .app-mobile .col-sm-7 {
    width: 58.33333333%;
  }
  .app-mobile .col-sm-8 {
    width: 66.66666667%;
  }
  .app-mobile .col-sm-9 {
    width: 75%;
  }
  .app-mobile .col-sm-10 {
    width: 83.33333333%;
  }
  .app-mobile .col-sm-11 {
    width: 91.66666667%;
  }
  .app-mobile .col-sm-12 {
    width: 100%;
  }
}
@media (max-width: 426px) {
  .app-mobile .hide-xs {
    display: none !important;
  }
  .app-mobile .show-xs {
    display: block !important;
  }
  .app-mobile .col-xs-1 {
    width: 8.33333333%;
  }
  .app-mobile .col-xs-2 {
    width: 16.66666667%;
  }
  .app-mobile .col-xs-3 {
    width: 25%;
  }
  .app-mobile .col-xs-4 {
    width: 33.33333333%;
  }
  .app-mobile .col-xs-5 {
    width: 41.66666667%;
  }
  .app-mobile .col-xs-6 {
    width: 50%;
  }
  .app-mobile .col-xs-7 {
    width: 58.33333333%;
  }
  .app-mobile .col-xs-8 {
    width: 66.66666667%;
  }
  .app-mobile .col-xs-9 {
    width: 75%;
  }
  .app-mobile .col-xs-10 {
    width: 83.33333333%;
  }
  .app-mobile .col-xs-11 {
    width: 91.66666667%;
  }
  .app-mobile .col-xs-12 {
    width: 100%;
  }
}
.app-mobile .icon.icon-slots:before {
  content: "\e905";
}
.app-mobile .icon.icon-spades:before {
  content: "\e917";
}
.app-mobile .icon.icon-menu:before {
  content: "\e900";
}
.app-mobile .icon.icon-expand:before {
  content: "\e901";
}
.app-mobile .icon.icon-league:before {
  content: "\e902";
}
.app-mobile .icon.icon-start:before {
  content: "\e903";
}
.app-mobile .icon.icon-remove:before {
  content: "\e904";
}
.app-mobile .icon.icon-up:before {
  content: "\e906";
}
.app-mobile .icon.icon-left:before {
  content: "\e911";
}
.app-mobile .icon.icon-stream:before {
  content: "\e907";
}
.app-mobile .icon.icon-clear:before {
  content: "\e908";
}
.app-mobile .icon.icon-caret:before {
  content: "\e909";
}
.app-mobile .icon.icon-user:before {
  content: "\e90a";
}
.app-mobile .icon.icon-search:before {
  content: "\e90b";
}
.app-mobile .icon.icon-home:before {
  content: "\e90c";
}
.app-mobile .icon.icon-compress:before {
  content: "\e90d";
}
.app-mobile .icon.icon-calendar:before {
  content: "\e90e";
}
.app-mobile .icon.icon-down:before {
  content: "\e90f";
}
.app-mobile .icon.icon-right:before {
  content: "\e910";
}
.app-mobile .icon.icon-slide:before {
  content: "\e992";
}
.app-mobile .icon.icon-star:before {
  content: "\e9d9";
}
.app-mobile .icon.icon-check:before {
  content: "\ea10";
}
.app-mobile .icon.icon-play:before {
  content: "\ea1c";
}
.app-mobile .icon.icon-live {
  width: 9px;
  height: 9px;
  position: absolute;
  background: url(/img/mobile/live.png) no-repeat center;
  left: 50%;
  margin-left: 10px;
  top: 50%;
  margin-top: -29px;
}
.app-mobile .text-center {
  text-align: center;
}
.app-mobile .text-left {
  text-align: left;
}
.app-mobile .text-right {
  text-align: right;
}
.app-mobile .text-upper { /*text-transform:uppercase*/ }
.app-mobile .text-lower {
  text-transform: lowercase;
}
.app-mobile .text-main {
  color: #a9d214;
}
.app-mobile .text-prime {
  color: #1083bd;
}
.app-mobile .text-current {
  color: #ff8300;
}
.app-mobile .text-win {
  color: #009400;
}
.app-mobile .text-lost {
  color: #cd0100;
}
.app-mobile .text-bold {
  font-weight: bold;
}
.app-mobile .btn {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  border: 1px solid transparent;
  font-size: 14px;
  padding: 5px 9px;
  line-height: 20px;
  border-radius: 3px;
  position: relative;
  text-align: center;
  transition: all 0.3s;
  font-weight: 600;
  -webkit-appearance: none;
}
.app-mobile .btn i {
  vertical-align: 0;
}
.app-mobile .btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.app-mobile .btn-block {
  width: 100%;
}
.app-mobile .btn-sm {
  padding: 2px 8px;
  font-size: 14px;
  line-height: 22px;
  width: unset;
  height: unset;
}
.app-mobile .btn-lg {
  font-size: 16px;
  line-height: 1.5;
  padding: 10px 22px;
}
.app-mobile .btn-main {
  background: #96bc0f;
  color: #021018;
}
.app-mobile .btn-main.active {
  background: #fff;
}
.app-mobile .btn-second {
  background: #054363;
  color: #e0e0e0;
}
.app-mobile .btn-second.active {
  background: #96bc0f;
  color: #021018;
}
.app-mobile .btn-default {
  background: #b1b1b1;
  color: #021018;
  border-color: #949494;
}
.app-mobile .btn-default:hover {
  background: #bdbdbd;
}
.app-mobile .btn-more {
  background: #96bc0f no-repeat center;
  color: #032739;
  width: 100%;
  font-weight: bold;
  transition-property: background-color;
}
.app-mobile .btn-more.active {
  background-image: url(/img/more.gif?1);
  color: transparent;
}
.app-mobile .input {
  border: 1px solid #aaa;
  border-radius: 3px;
  background: #fff;
  outline: none;
  color: #021e2d;
  font-size: 14px;
  transition: background-color 0.3s;
  padding: 5px 10px;
  line-height: 20px;
  height: 32px;
  font-weight: normal;
}
.app-mobile .input-sm {
  padding: 3px 6px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  height: 26px;
}
.app-mobile .input:focus, .app-mobile .input.ng-not-empty {
  background: #fff;
}
.app-mobile .input:focus::placeholder {
  opacity: 0;
}
.app-mobile .input[disabled], .app-mobile .input[readonly] {
  cursor: default;
  opacity: 0.5;
}
.app-mobile .input-check {
  cursor: pointer;
  position: relative;
  margin-bottom: 0;
}
.app-mobile .input-check input {
  display: none;
}
.app-mobile .input-check input:checked + i {
  background: #96bc0f;
  color: #021621;
}
.app-mobile .input-check i {
  border: 1px solid #96bc0f;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 5px;
  text-align: center;
  color: transparent;
  background: #ccc;
  border-radius: 3px;
}
.app-mobile .input-row {
  margin-bottom: 15px;
}
.app-mobile .input-row:last-child {
  margin: 0;
}
.app-mobile .input.require, .app-mobile .input.accept {
  padding-right: 30px;
  background-position: right 7px center;
  background-repeat: no-repeat;
}
.app-mobile .input.require {
  background-image: url("../img/required.png");
}
.app-mobile .input.accept {
  background-image: url("../img/check.png");
}
.app-mobile .drop {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.app-mobile .drop-btn {
  cursor: pointer;
}
.app-mobile .drop-menu {
  visibility: hidden;
  position: absolute;
  background: #fff;
  left: 0;
  min-width: 280px;
  margin-top: 10px;
  z-index: 50;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 14px;
  line-height: 20px;
}
.app-mobile .drop-menu a {
  background: #ccc;
  color: #333;
  border-bottom: 1px solid #8e8e8e;
}
.app-mobile .drop-menu a.active {
  background: #fff;
  font-weight: 600;
}
.app-mobile .drop-menu img {
  margin: -2px 10px -2px -2px;
  width: 20px;
  height: 20px;
}
.app-mobile .drop-menu:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  top: -9px;
  left: 5px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.app-mobile .drop.open .drop-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.app-mobile .main {
  padding-top: 46px;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 1600px) {
  .app-mobile .info-laptop {
    display: flex;
    margin: auto;
    width: fit-content;
  }
  .app-mobile .info-laptop .status-title {
    margin: 0 2px;
  }
  .app-mobile .info-laptop .status-foot {
    margin: 0 2px;
    position: unset;
  }
}
.app-mobile .content {
  transition: all 0.3s;
  width: 100%;
  flex: 1 0 auto;
}
.app-mobile .warning {
  background-color: #cd0100;
  color: #fff;
  padding: 0 5px;
  font-size: 12px;
  line-height: 30px;
}
.app-mobile .warning ~ .content {
  top: 76px;
}
.app-mobile .warning .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-mobile .head {
  background: #03324a;
  height: 46px;
  border-bottom: 1px solid #768e20;
  display: table;
  width: 100%;
  text-align: center;
  position: fixed;
  z-index: 15;
  top: 0;
}
.app-mobile .head-menu {
  color: #96bc0f;
  width: 46px;
  display: table-cell;
  vertical-align: middle;
  font-size: 30px;
}
.app-mobile .head-user {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  font-size: 10px;
  line-height: 12px;
  color: #e0e0e0;
}
.app-mobile .head-user.active {
  background: #96bc0f;
  color: #03273a;
}
.app-mobile .head-user.active i {
  color: #03273a;
}
.app-mobile .head-user i {
  font-size: 16px;
  color: #96bc0f;
  margin-bottom: 4px;
}
.app-mobile .head-bonus {
  color: #1083bd;
  position: absolute;
  top: 5px;
  right: 5px;
  font-weight: bold;
  animation: fade-mobile 2s linear infinite;
}
.app-mobile .head-nav {
  display: table-cell;
  vertical-align: middle;
  font-weight: 600;
}
.app-mobile .head-nav li {
  float: left;
  width: 33.333%; /*text-transform:uppercase;*/
  padding: 4px;
}
.app-mobile .head-nav li a {
  padding: 0;
  line-height: 32px;
  font-size: 11px;
}
.app-mobile .head-nav a.active {
  color: #96bc0f;
}
.app-mobile .head-nav small {
  width: 16px;
  height: 16px;
  text-align: center;
  background: #96bc0f;
  color: #363737;
  display: inline-block;
  line-height: 16px;
  border-radius: 25px;
  font-size: 10px;
  position: absolute;
}
.app-mobile .head-logo {
  background: no-repeat center;
  height: 32px;
  background-size: contain;
}
.app-mobile .menu {
  border-right: 1px solid #084869;
  background: #032131;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 25;
}
.app-mobile .menu.ng-enter {
  transition: all 0.3s;
  left: -100%;
}
.app-mobile .menu.ng-enter-active {
  left: 0;
}
.app-mobile .menu.ng-leave {
  transition: all 0.3s;
}
.app-mobile .menu.ng-leave-active {
  left: -100%;
}
.app-mobile .menu.ng-scope + .main {
  opacity: 0;
  margin-left: 100%;
}
.app-mobile .menu.ng-leave-active + .main {
  opacity: 1;
  margin-left: 0;
}
.app-mobile .menu-logo-container {
  display: flex;
  justify-content: center;
}
.app-mobile .menu-logo {
  height: 54px;
  min-width: 130px;
  background: no-repeat center;
  background-size: contain;
  display: block;
}
.app-mobile .menu-logo.ng-enter {
  transition: all 0.3s;
  opacity: 0;
  height: 0;
}
.app-mobile .menu-logo.ng-enter-active {
  height: 54px;
  opacity: 1;
}
.app-mobile .menu-logo.ng-leave {
  transition: all 0.3s;
}
.app-mobile .menu-logo.ng-leave-active {
  opacity: 0;
  height: 0;
}
.app-mobile .menu-tabs {
  text-align: center;
  border-bottom: 2px solid #96bc0f;
  padding: 0 32px;
}
.app-mobile .menu-tabs ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.app-mobile .menu-tabs ul:after {
  display: none;
}
.app-mobile .menu-tabs li {
  display: table-cell;
}
.app-mobile .menu-tabs li a {
  color: #bbb;
  padding: 7px;
  font-size: 14px;
  line-height: 20px;
}
.app-mobile .menu-tabs li a.active {
  color: #96bc0f;
  font-weight: bold;
}
.app-mobile .menu-tabs i {
  background: url(/img/mobile/menu.svg);
  width: 34px;
  height: 32px;
  display: block;
  margin: 0 auto 4px auto;
  background-size: auto 70px;
}
.app-mobile .menu-tabs-sport i {
  background-position: -1px -2px;
}
.app-mobile .menu-tabs-live i {
  background-position: -43px -2px;
}
.app-mobile .menu-tabs-games i {
  background-position: -84px -2px;
}
.app-mobile .menu-tabs-sport.active i {
  background-position: -130px -2px;
}
.app-mobile .menu-tabs-live.active i {
  background-position: -172px -2px;
}
.app-mobile .menu-tabs-games.active i {
  background-position: -213px -2px;
}
.app-mobile .menu-close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 32px;
  line-height: 1;
  font-weight: bold;
  padding: 0;
  width: 40px;
  height: 40px;
  background: #032131;
}
.app-mobile .menu-nav {
  overflow: auto;
  font-size: 16px;
  height: calc(100% - 70px);
  line-height: 24px;
}
.app-mobile .menu-nav i {
  width: 21px;
  margin-right: 15px;
  text-align: center;
  font-size: 20px;
}
.app-mobile .menu-nav img {
  width: 21px;
  margin: -3px 15px -1px 0;
}
.app-mobile .menu-nav li {
  border-bottom: 1px solid #084869;
  padding: 5px;
}
.app-mobile .menu-nav li a {
  background: #183647;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; /*text-transform:uppercase*/
}
.app-mobile .menu-nav a.active {
  background: #032131;
  color: #1083bd;
  font-weight: 700;
}
.app-mobile .menu-count {
  float: right;
  font-size: 10px;
  color: #bbb;
}
.app-mobile .menu-nav .menu-arrow {
  float: right;
  margin: 5px -8px 0 5px;
  width: auto;
  font-size: 12px;
  color: #bbb;
}
.app-mobile .sport {
  padding-bottom: 100px;
}
.app-mobile .sport-nav {
  overflow: hidden;
  height: 71px;
  background: #082a3b;
  border-bottom: 1px solid #03324a;
  position: relative;
}
.app-mobile .sport-nav ul {
  overflow: auto;
  white-space: nowrap;
  font-size: 0;
}
.app-mobile .sport-nav li {
  display: inline-block;
  min-width: 70px;
  text-align: center;
  border-right: 1px solid #03324a;
  padding: 5px;
}
.app-mobile .sport-nav li a {
  padding: 5px;
  font-size: 10px; /*text-transform:uppercase;*/
  line-height: 10px;
  border-radius: 5px;
}
.app-mobile .sport-nav li a.active {
  background: #96bc0f;
  color: #183647;
  font-weight: bold;
}
.app-mobile .sport-nav img {
  height: 28px;
  margin-bottom: 12px;
}
.app-mobile .sport-content {
  position: relative;
  z-index: 2;
}
.app-mobile .sport-tabs ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
  font-size: 16px;
}
.app-mobile .sport-tabs ul:after {
  display: none;
}
.app-mobile .sport-tabs li {
  display: table-cell;
}
.app-mobile .sport-tabs li a {
  background: #021018;
  border-bottom: 2px solid transparent;
}
.app-mobile .sport-tabs li a.active {
  border-color: #96bc0f;
}
.app-mobile .sport-empty {
  text-align: center;
  font-size: 16px;
  padding: 10px;
  color: #a0a0a0;
  margin-top: 80px;
}
.app-mobile .sport-back {
  position: absolute;
  padding: 10px;
  width: 38px;
  top: 0;
  left: 0;
  height: 100%;
}
.app-mobile .sport-back i {
  top: 50%;
  position: absolute;
  margin-top: -6px;
}
.app-mobile .sport-head {
  padding: 10px 32px;
  text-align: center;
  background: #021018;
  border-bottom: 1px solid #084869;
  position: relative;
  font-size: 13px;
  color: #9e9e9e;
}
.app-mobile .sport-name {
  font-weight: bold;
  font-size: 14px;
  color: #eee;
}
.app-mobile .sport-filter {
  display: table;
  width: 100%;
}
.app-mobile .sport-filter-name {
  display: table-cell;
  padding: 6px 6px 6px 12px;
  vertical-align: middle;
  font-size: 11px;
}
.app-mobile .sport-filter-btn {
  color: #768e20;
  font-weight: bold;
  font-size: 14px; /*text-transform:uppercase;*/
  line-height: 16px;
}
.app-mobile .sport-filter-types {
  text-align: center;
  color: #96bc0f;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  width: 45%;
  padding: 5px;
}
.app-mobile .sport-filter-lines {
  padding: 0 10px 10px 10px;
}
.app-mobile .sport-dates {
  height: 46px;
  overflow: hidden;
  border: 1px solid #084869;
}
.app-mobile .sport-dates.ng-enter {
  transition: all 0.4s;
  height: 0;
  opacity: 0;
}
.app-mobile .sport-dates.ng-enter-active {
  height: 46px;
  opacity: 1;
}
.app-mobile .sport-dates.ng-leave {
  transition: all 0.4s;
}
.app-mobile .sport-dates.ng-leave-active {
  height: 0;
  opacity: 0;
}
.app-mobile .sport-dates ul {
  white-space: nowrap;
  overflow: auto;
}
.app-mobile .sport-dates li {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  border-right: 1px solid #084869;
}
.app-mobile .sport-dates li a {
  background: #082a3b;
  padding: 5px;
  min-width: 80px;
}
.app-mobile .sport-dates li a.active {
  background: #a9d214;
  color: #021018;
  font-weight: bold;
}
.app-mobile .sport-slots {
  position: relative;
  background: #021018;
  padding: 2px;
}
.app-mobile .sport-slots img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.app-mobile .sport-slots li {
  display: inline-block;
  vertical-align: top;
  margin-right: 1px;
  width: 50%;
}
.app-mobile .sport-slots li a {
  padding: 0 0 56% 0;
  overflow: hidden;
  position: relative;
  background: #084869;
}
.app-mobile .sport-slots ul {
  font-size: 0;
  white-space: nowrap;
  overflow: auto;
}
.app-mobile .sport-hot {
  text-align: center;
}
.app-mobile .sport-hot li {
  width: 33.33%;
  float: left;
  padding: 5px;
}
.app-mobile .sport-hot li a {
  padding: 0;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: 5px;
}
.app-mobile .sport-hot li img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.app-mobile .sport-actions {
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #03324a;
}
.app-mobile .sport .game-actions {
  height: 30px;
}
.app-mobile .sport .game-fav {
  margin-bottom: -4px;
  height: 34px;
}
.app-mobile .country {
  font-size: 16px;
  margin-bottom: 1px;
}
.app-mobile .country-name {
  background: #03324a;
  color: #eee;
  font-weight: 600;
  padding: 12px 16px;
}
.app-mobile .country-group {
  margin-bottom: 1px;
}
.app-mobile .country-group-name {
  font-size: 18px;
  line-height: 24px;
  padding: 10px 20px;
  font-weight: 600;
  cursor: pointer;
  background: #1082be;
  color: #021019;
}
.app-mobile .country-league {
  padding: 12px 20px;
  display: block;
  border-bottom: 1px solid #03324a;
  font-size: 14px;
}
.app-mobile .country-arrow {
  float: right;
  opacity: 0.5;
  margin-top: 3px;
}
.app-mobile .country img {
  height: 30px;
  margin: -8px 16px -6px 0;
}
.app-mobile .country.open .country-name .country-arrow, .app-mobile .country-group.open .country-group-name .country-arrow {
  display: none;
}
.app-mobile .country:last-child {
  margin-bottom: 0;
}
.app-mobile .group {
  border-bottom: 1px solid #021621;
}
.app-mobile .group-name {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  padding: 4px 20px;
  font-weight: 600;
  cursor: pointer;
  background: #1082be;
  color: #021019;
  margin-bottom: 1px;
}
.app-mobile .group.open .group-arrow {
  display: none;
}
.app-mobile .group-arrow {
  position: absolute;
  right: 10px;
  float: right;
  color: #fff;
  top: 7px;
  opacity: 0.5;
}
.app-mobile .profile {
  position: fixed;
  width: 100%;
  bottom: 0;
  top: 46px;
  z-index: 101;
  overflow: auto;
  background: #ddd;
  left: 0;
}
.app-mobile .profile.ng-enter {
  transition: all 0.3s;
  left: 100%;
}
.app-mobile .profile.ng-enter-active {
  left: 0;
}
.app-mobile .profile.ng-leave {
  transition: all 0.3s;
}
.app-mobile .profile.ng-leave-active {
  left: 100%;
}
.app-mobile .profile.ng-scope + .content {
  opacity: 0;
  margin-left: -100%;
}
.app-mobile .profile.ng-leave-active + .content {
  opacity: 1;
  margin-left: 0;
}
.app-mobile .profile-head {
  padding: 10px;
  background: #03273a;
  color: #fff;
}
.app-mobile .profile-name {
  text-align: center;
  font-size: 16px;
  color: #a9d214;
  line-height: 34px;
  font-weight: bold;
}
.app-mobile .profile-menu {
  font-size: 14px;
}
.app-mobile .profile-menu a {
  background: #ddd;
  color: #585858;
  border-bottom: 1px solid #b3b3b3;
  text-align: center;
  font-weight: 600;
}
.app-mobile .profile-menu i {
  float: right;
  margin-top: 3px;
  margin-right: -6px;
}
.app-mobile .profile-balance {
  text-align: center;
  margin-top: 10px;
}
.app-mobile .profile-balance ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.app-mobile .profile-balance ul:after {
  display: none;
}
.app-mobile .profile-balance li {
  display: table-cell;
  border-right: 1px solid #075b88;
}
.app-mobile .profile-balance li:last-child {
  border: none;
}
.app-mobile .search {
  text-align: center;
  position: relative;
  color: #eee;
}
.app-mobile .search i {
  position: absolute;
  color: #e0e0e0;
  font-size: 22px;
  left: 9px;
  top: 7px;
}
.app-mobile .search input {
  border-radius: 0;
  font-size: 16px;
  padding: 5px 10px 5px 39px;
  height: 36px;
  border: none;
  line-height: 26px;
}
.app-mobile .search img {
  width: 100%;
}
.app-mobile .search-row {
  display: table;
  width: 100%;
  border-bottom: 1px solid #084869;
  background: #183647;
  cursor: pointer;
  height: 48px;
  table-layout: fixed;
  font-size: 12px;
}
.app-mobile .search-date {
  color: #ffdf1b;
}
.app-mobile .search-time {
  color: #eee;
}
.app-mobile .search-col {
  display: table-cell;
  vertical-align: middle;
  width: 36px;
  border-right: 1px solid #084869;
}
.app-mobile .search-info {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}
.app-mobile .search-live {
  background: #cd0100;
  padding: 0 2px;
  margin: 0 4px;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
}
.app-mobile .search-score {
  background: #ffdf1b;
  color: #333;
  width: 42px;
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}
.app-mobile .search-opap {
  color: #021621;
  font-weight: bold;
  background: #a9d214;
  padding: 0 4px;
  margin-left: 8px;
}
.app-mobile .search-league {
  opacity: 0.6;
  font-weight: normal;
  font-size: 13px;
}
.app-mobile .search-col img {
  width: 24px;
}
.app-mobile .search-input {
  position: relative;
}
.app-mobile .search-tabs li {
  width: 50%;
  float: left;
  font-size: 14px;
}
.app-mobile .search-tabs a {
  background: #054363;
  color: #e0e0e0;
  font-weight: bold;
}
.app-mobile .search-tabs a.active {
  background: #96bc0f;
  color: #021018;
}
.app-mobile .search-empty {
  padding: 10px;
  background: #183647;
}
.app-mobile .slots-search {
  position: relative;
  padding: 10px;
  z-index: 10;
  margin-bottom: -10px;
}
.app-mobile .slots-search-input {
  position: relative;
}
.app-mobile .slots-search-input input {
  padding-left: 36px;
}
.app-mobile .slots-search-icon {
  position: absolute;
  color: #7577a6;
  left: 10px;
  top: 7px;
  font-size: 18px;
}
.app-mobile .slots-search-clear {
  position: absolute;
  right: 0;
  top: 0;
  color: #9e9e9e;
  font-size: 26px;
}
.app-mobile .slots-search-result {
  position: absolute;
  top: 47px;
  left: 10px;
  right: 10px;
  background: #183647;
  border: 1px solid #084869;
  overflow: auto;
  max-height: calc(100vh - 100px);
}
.app-mobile .slots-search-empty {
  text-align: center;
  padding: 10px;
  font-size: 16px;
}
.app-mobile .slots-search-row {
  border-bottom: 1px solid #084869;
  display: table;
  width: 100%;
}
.app-mobile .slots-search-img {
  display: table-cell;
  vertical-align: middle;
}
.app-mobile .slots-search-info {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 15px;
  font-weight: bold;
  font-size: 14px;
  width: 100%;
}
.app-mobile .slots-search-vendor {
  font-weight: normal;
  font-size: 12px;
  color: #ccc;
}
.app-mobile .slots-search-img img {
  width: 70px;
  height: 50px;
}
.app-mobile .slots-vendors {
  overflow: hidden;
  margin-bottom: -10px;
  position: sticky;
  top: 46px;
  z-index: 5;
  background: #021621;
}
.app-mobile .slots-vendors ul {
  overflow-x: auto;
  white-space: nowrap;
  padding: 10px 10px 15px 10px;
  overflow-y: hidden;
}
.app-mobile .slots-vendors li {
  display: inline-block;
  vertical-align: top;
}
.app-mobile .slots-vendors li a {
  border-radius: 5px;
  padding: 0 5px;
  border: 1px solid #084869;
  height: 48px;
  width: 76px;
  background: #032131;
}
.app-mobile .slots-vendors li a.active {
  background: #96bc0f;
  border-color: #000;
  z-index: 5;
  transform: scale(1.2);
}
.app-mobile .slots-vendors li a.active:after {
  border-style: solid;
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -20px;
  border-width: 10px 20px 0 20px;
  border-color: #96bc0f transparent transparent transparent;
  width: 0;
  height: 0;
}
.app-mobile .slots-vendors img {
  width: 100%;
}
.app-mobile .slots-games {
  padding: 5px;
  overflow: hidden;
}
.app-mobile .slots-game {
  width: 50%;
  float: left;
  position: relative;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  cursor: pointer;
}
.app-mobile .slots-pic {
  padding-bottom: 60%;
  position: relative;
  overflow: hidden;
  border: 5px solid #021018;
  transition: all 0.3s;
  background: #084869;
}
.app-mobile .slots-pic img {
  position: absolute;
  width: 100%;
  left: 0;
  transition: all 0.3s;
  height: 100%;
  top: 0;
}
.app-mobile .slots-hover {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -40px;
  opacity: 0;
  transition: all 0.35s;
  left: 100%;
}
.app-mobile .slots-name {
  border-bottom: 2px solid #96bc0f; /*text-transform:uppercase;*/
  padding: 8px;
  margin: 0 5px;
}
.app-mobile .slots-btn {
  background: #96bc0f;
  color: #03273a; /*text-transform:uppercase;*/
  margin-top: 10px;
  min-width: 150px;
  display: inline-block;
  padding: 7px;
  border-radius: 3px;
}
.app-mobile .slots-game:hover .slots-pic {
  border-color: #96bc0f;
}
.app-mobile .slots-game:hover .slots-pic img {
  opacity: 0.2;
}
.app-mobile .slots-game:hover .slots-hover {
  opacity: 1;
  left: 0;
}
.app-mobile .game {
  border-bottom: 1px solid #03324a;
  width: 100%;
  text-align: center;
  display: table;
  table-layout: fixed;
  line-height: 20px;
}
.app-mobile .game-time {
  font-size: 10px;
  line-height: 12px;
}
.app-mobile .game-more {
  display: table-cell;
  vertical-align: middle;
  color: #7beb00;
  width: 35px;
}
.app-mobile .game-actions {
  display: table-cell;
  vertical-align: top;
  width: 44px;
}
.app-mobile .game-actions {
  display: table-cell;
  vertical-align: middle;
  width: 44px;
}
.app-mobile .game-teams {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-right: 5px;
}
.app-mobile .game-team {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.app-mobile .game-odds {
  display: table-cell;
  padding: 5px;
  width: 45%;
  vertical-align: middle;
}
.app-mobile .game-odd {
  width: 100%;
  background: #183647;
  border-color: #7e8a56;
  color: #e5b71a;
  font-weight: bold;
  line-height: 14px;
  padding: 0;
  height: 34px;
  font-size: 12px;
}
.app-mobile .game-odd.selected {
  background: #96bc0f;
  color: #183647;
}
.app-mobile .game-odd.disabled {
  color: transparent;
  background: url(/img/lock.svg) no-repeat center;
  border-color: transparent;
  transition: none;
  cursor: default;
}
.app-mobile .game-odd.selected .game-bet {
  color: #011017;
}
.app-mobile .game-odd.disabled .game-bet {
  display: none;
}
.app-mobile .game-bet {
  color: #eee;
  padding: 0 5px;
  display: block;
}
.app-mobile .game-price {
  padding: 0 5px;
}
.app-mobile .game-fav {
  color: #646b6f;
  font-size: 20px;
  padding: 0;
  width: 100%;
  height: 38px;
}
.app-mobile .game-fav.active {
  color: #96bc0f;
}
.app-mobile .game-title {
  font-weight: bold;
  background: #021018;
  line-height: 32px;
  overflow: hidden;
}
.app-mobile .game-date {
  float: left;
  width: 50%;
  padding: 0 10px;
  font-size: 10px;
}
.app-mobile .game-types {
  text-align: center;
  color: #96bc0f;
  font-weight: bold;
  width: 45%;
  float: right;
}
.app-mobile .game-scores {
  display: table-cell;
  background: #021018;
  border-right: 1px solid #03324a;
  width: 22px;
  vertical-align: middle;
  color: #e5b71a;
  font-weight: bold;
}
.app-mobile .game-status {
  color: #7beb00;
  line-height: 16px;
}
.app-mobile .game-stream {
  color: #1083bd;
  font-size: 14px;
}
.app-mobile .game-opap {
  background: #a9d214;
  color: #021621;
  font-weight: bold;
  display: inline-block;
  padding: 0 3px;
  line-height: 16px;
}
.app-mobile .game .col {
  padding: 2px;
}
.app-mobile .game .row {
  margin: 0 -2px;
}
.app-mobile .league {
  margin-bottom: 1px;
}
.app-mobile .league-head {
  background: #032d42;
  font-weight: 600;
  padding: 7px 25px 7px 15px;
  position: sticky;
  top: 46px;
  z-index: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-mobile .league-head img {
  height: 26px;
  margin: -8px 8px -6px -4px;
}
.app-mobile .league-arrow {
  color: #b1b1b1;
  position: absolute;
  right: 10px;
  top: 8px;
  font-size: 16px;
}
.app-mobile .league.open .league-arrow {
  display: none;
}
.app-mobile .loader {
  background: #021621 no-repeat center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  bottom: 0;
  right: 0;
}
.app-mobile .loader.active {
  top: 46px;
  background-color: rgba(2, 22, 33, 0.5);
}
.app-mobile .loader.ng-leave {
  transition: all 0.4s;
}
.app-mobile .loader.ng-leave-active {
  opacity: 0;
}
.app-mobile .promo {
  position: relative;
  height: 150px;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}
.app-mobile .promo-game {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
  opacity: 0;
}
.app-mobile .promo .status-bg {
  transform: scale(1.3);
  transform-origin: center bottom;
  transition: all 1.5s;
}
.app-mobile .promo-odds {
  text-align: center;
  padding: 0 10px;
  max-width: 340px;
  margin: 25px auto 0 auto;
}
.app-mobile .promo-odd {
  background: #021e2d;
  color: #ffc413;
  width: 32%;
  height: 25px;
  padding: 0;
}
.app-mobile .promo-odd:hover {
  background: #285a75;
}
.app-mobile .promo-odd.selected {
  background: #96bc0f;
  color: #183647;
  border-color: #183647;
}
.app-mobile .promo-odd.selected .promo-bet {
  color: #011017;
}
.app-mobile .promo-odd.disabled {
  visibility: hidden;
}
.app-mobile .promo-bet {
  color: #eee;
}
.app-mobile .promo-price {
  margin-left: 15px;
}
.app-mobile .promo-game.show {
  opacity: 1;
  z-index: 4;
}
.app-mobile .promo-game.show-add {
  transition: all 1s;
  left: 100%;
}
.app-mobile .promo-game.show-add-active {
  left: 0;
}
.app-mobile .promo-game.show-remove {
  transition: all 1s;
  left: 0;
}
.app-mobile .promo-game.show-remove-active {
  left: -100%;
}
.app-mobile .promo.right .promo-game.show-add {
  left: -100%;
}
.app-mobile .promo.right .promo-game.show-add-active {
  left: 0;
}
.app-mobile .promo.right .promo-game.show-remove {
  left: 0;
}
.app-mobile .promo.right .promo-game.show-remove-active {
  left: 100%;
}
.app-mobile .promo-game.show .status-bg {
  transform: scale(1);
}
.app-mobile .status {
  height: 220px;
  background: #000;
  position: relative;
  overflow: hidden;
  font-size: 10px;
  line-height: 20px;
}
.app-mobile .status-bg {
  background: no-repeat center;
  background-size: cover;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.app-mobile .status-content {
  max-width: 420px;
  margin: 45px auto 0 auto;
  padding: 0 10px;
}
.app-mobile .status-info {
  position: absolute;
  font-weight: 600;
  width: 100%;
  font-size: 10px;
  text-align: center;
  left: 0;
  top: 10px;
  white-space: nowrap;
}
.app-mobile .status-league {
  width: 125px;
  height: 100%;
  background: rgba(3, 33, 49, 0.81);
  float: left;
  margin-right: 7px;
  position: relative;
  overflow: hidden;
}
.app-mobile .status-league img {
  width: 96px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.app-mobile .status-teams {
  background: url(../img/promo/teams_sm.png) no-repeat center;
  height: 42px;
  position: relative;
  background-size: contain;
  z-index: 2;
  font-weight: bold;
  font-size: 10px;
}
.app-mobile .status-team {
  position: absolute;
  right: 50%;
  top: 56%; /*text-transform: uppercase;*/
  white-space: nowrap;
  padding-right: 5px;
  transform: translateY(-50%);
  width: 47%;
  text-align: center;
}
.app-mobile .status-team-img {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
}
.app-mobile .status-team-img img {
  width: 100%;
}
.app-mobile .status-team-name {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}
.app-mobile .status-team + .status-team {
  left: 50%;
  right: auto;
  padding-right: 0;
  padding-left: 5px;
  text-align: center;
}
.app-mobile .status-title {
  background: rgba(3, 33, 49, 0.8);
  text-align: center;
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
  margin-right: 4px;
}
.app-mobile .status-title i {
  color: #96bc0f;
  font-size: 14px;
  margin-right: 10px;
}
.app-mobile .status-scores {
  height: 120px;
  background: #021e2d;
  border-radius: 0 0 6px 6px;
  position: relative;
  margin: -28px 35px 0 35px;
  padding-top: 48px;
  text-align: center;
}
.app-mobile .status-stream {
  background: rgba(3, 33, 49, 0.8);
  display: inline-block;
  font-size: 14px;
  padding: 0 8px;
  vertical-align: middle;
}
.app-mobile .pre {
  color: #e0e0e0;
}
.app-mobile .pre-title {
  font-size: 12px;
  font-weight: 600;
  padding: 10px 15px;
  text-align: center; /*text-transform:uppercase*/
}
.app-mobile .pre-games {
  text-align: center;
  overflow: hidden;
  position: relative;
  height: 90px;
}
.app-mobile .pre-games ul {
  position: relative;
  overflow: auto;
  white-space: nowrap;
  padding: 0 15px;
}
.app-mobile .pre-games li {
  display: inline-block;
  width: 120px;
  padding: 5px;
  vertical-align: top;
  height: 90px;
}
.app-mobile .pre-games li a {
  padding: 0;
  font-size: 10px;
  line-height: 14px;
}
.app-mobile .pre-games li:before {
  content: "";
  position: absolute;
  top: 14px;
  border-bottom: 1px dashed #0a354a;
  width: 100%;
  left: 0;
}
.app-mobile .pre-games li:first-child:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #0a354a;
  position: absolute;
  left: 0;
  top: 8px;
  border-radius: 12px;
}
.app-mobile .pre-games li:last-child:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #0a354a;
  position: absolute;
  right: 0;
  top: 8px;
  border-radius: 12px;
}
.app-mobile .pre-games a:hover .pre-time {
  border-color: #1083bd;
}
.app-mobile .pre-games img {
  width: 12px;
  height: 12px;
  margin: -2px 6px 0 0;
}
.app-mobile .pre-time {
  border: 1px solid #0a354a;
  border-radius: 3px;
  padding: 3px;
  background: #021018;
  display: inline-block;
  width: 60px;
  margin-bottom: 5px;
  transition: all 0.4s;
}
.app-mobile .pre-team {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-mobile .account {
  background: #ddd;
  color: #292b2c;
  min-height: calc(100vh - 46px);
}
.app-mobile .account-head {
  padding: 10px 15px;
  background: #03273a;
  color: #eee;
  font-weight: 600;
}
.app-mobile .account-body {
  padding: 15px;
}
.app-mobile .account-foot {
  text-align: center;
  margin-top: 10px;
}
.app-mobile .account-title {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding: 8px;
  background: #021018;
  color: #eee;
}
.app-mobile .account-empty {
  text-align: center;
  padding: 20px;
  font-size: 16px;
  line-height: 1.5;
}
.app-mobile .account-label {
  border-bottom: 1px solid #03324a;
  color: #03324a; /*text-transform:uppercase;*/
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}
.app-mobile .account-info {
  margin-bottom: 15px;
}
.app-mobile .account-info tr {
  border-bottom: 1px dashed #bbb;
}
.app-mobile .account-info tr:last-child {
  border: none;
}
.app-mobile .account-info td {
  padding: 5px 0;
}
.app-mobile .account-bonus {
  background: #f1f1f1;
  padding: 0 10px;
  margin-bottom: 15px;
}
.app-mobile .account-wrap {
  overflow: auto;
}
.app-mobile .account-table {
  text-align: center;
}
.app-mobile .account-table thead {
  background: #03324a;
  color: #eee;
  white-space: nowrap;
}
.app-mobile .account-table thead tr + tr {
  background: #03273a;
  font-size: 12px;
}
.app-mobile .account-table td, .app-mobile .account-table th {
  padding: 8px;
  font-weight: normal;
}
.app-mobile .account-table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.app-mobile .account-over.active td {
  box-shadow: inset 0 18px 12px -10px #ff6000, inset 0 -18px 12px -10px #ff6000;
  -webkit-box-shadow: inset 0 18px 12px -10px #ff6000, inset 0 -18px 12px -10px #ff6000;
}
.app-mobile .status-won {
  background: #090;
  color: #fff;
}
.app-mobile .status-lost {
  background: #b71c1c;
  color: #fff;
}
.app-mobile .status-void {
  background: lightskyblue;
  color: #fff;
}
.app-mobile .status-checking {
  background: #5f5f5f;
  color: #fff;
}
.app-mobile .status-current {
  background: #ff8300;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-game-name {
  margin-bottom: 0;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-game-status {
  position: unset;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-game-price {
  float: none;
  margin-right: 0;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex {
  display: flex;
  flex-wrap: nowrap;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.w-full {
  width: 100%;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.gap-10 {
  gap: 10px;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.pad-btm {
  padding-bottom: 10px;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.gap-5 {
  gap: 5px;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.margin-btm {
  margin-bottom: 10px;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.margin-top {
  margin-top: 5px;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.border2 {
  border-bottom: 2px solid #e6e4e4;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.bet-builder:not(:last-child) .border1 {
  border-bottom: 1px solid #e6e4e4;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.flex-row {
  flex-direction: row;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.flex-row.items-start {
  align-items: flex-start;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.flex-row.items-end {
  align-items: flex-start;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.flex-row.justify-between {
  justify-content: space-between;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.flex-column {
  flex-direction: column;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.flex-column.items-start {
  align-items: flex-start;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex.flex-column.items-end {
  align-items: flex-start;
}
.app-mobile [ng-controller="account.coupon"] .coupon .coupon-flex .bet-builder-route {
  padding: 6px 0;
}
.app-mobile .coupon {
  color: #000;
  font-size: 12px;
}
.app-mobile .coupon-head {
  margin-bottom: 10px;
  position: relative;
}
.app-mobile .coupon-summary {
  padding: 10px 15px;
  background: linear-gradient(to bottom, transparent, #ccc 60px);
}
.app-mobile .coupon-type {
  font-size: 18px;
  font-weight: bold;
}
.app-mobile .coupon-status {
  position: absolute;
  right: 0;
  top: 5px;
  font-weight: bold;
}
.app-mobile .coupon-row {
  border-bottom: 1px dashed #b5b5b5;
  display: table;
  width: 100%;
}
.app-mobile .coupon-row:last-child {
  border: none;
}
.app-mobile .coupon-label {
  display: table-cell;
  padding: 5px 5px 5px 0;
  font-weight: bold;
}
.app-mobile .coupon-value {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.app-mobile .coupon-games {
  border-bottom: 1px solid #a9a9a9;
  border-top: 1px solid #a9a9a9;
  background-color: #ccc;
}
.app-mobile .coupon-game {
  padding: 6px 10px;
  position: relative;
}
.app-mobile .coupon-game:last-child {
  margin-bottom: 0;
}
.app-mobile .coupon-game-id {
  font-weight: bold;
}
.app-mobile .coupon-game-name {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 5px;
}
.app-mobile .coupon-game-bet {
  float: left;
  font-weight: bold;
  font-size: 14px;
}
.app-mobile .coupon-game-price {
  float: right;
  font-size: 16px;
  font-weight: bold;
}
.app-mobile .coupon-game-status {
  position: absolute;
  right: 5px;
  top: 5px;
  min-width: 100px;
  text-align: center;
  font-weight: bold;
}
.app-mobile .coupon-live {
  background: #cd0100;
  color: #fff;
  font-size: 10px;
  padding: 1px 5px;
  display: inline-block; /*text-transform:uppercase;*/
  margin-right: 5px;
  font-weight: normal;
}
.app-mobile .coupon-game-type {
  margin-top: 10px;
  overflow: hidden;
}
.app-mobile .coupon-block {
  padding: 15px;
  border-bottom: 1px solid #a9a9a9;
  background: #ccc;
}
.app-mobile .coupon-game-info {
  margin-left: 25px;
  margin-right: 100px;
}
.app-mobile .coupon-sport {
  width: 20px;
  margin-left: -2px;
}
.app-mobile .coupon-sport img {
  width: 100%;
}
.app-mobile .reductor-message {
  font-size: 10px;
  color: #b90000;
  padding: 5px;
}
.app-mobile .message {
  position: fixed;
  bottom: 30px;
  font-size: 14px;
  left: 10px;
  right: 10px;
  text-align: center;
  pointer-events: none;
  z-index: 2000;
  line-height: 18px;
}
.app-mobile .message-text {
  background: #96bc0f;
  color: #021018;
  font-weight: bold;
  padding: 15px 30px;
  display: inline-block;
  border-radius: 40px;
  min-width: 280px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
  position: relative;
  pointer-events: auto;
}
.app-mobile .message.ng-enter {
  transition: all 0.4s;
  opacity: 0;
  transform: scale(0.8);
}
.app-mobile .message.ng-enter-active {
  opacity: 1;
  transform: scale(1);
}
.app-mobile .message.ng-leave {
  transition: all 0.4s;
  max-height: 54px;
}
.app-mobile .message.ng-leave-active {
  opacity: 0;
  max-height: 0;
  margin-top: 0;
}
.app-mobile .message.error .message-text {
  background: #b71c1c;
  color: #fff;
}
.app-mobile .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100%;
  height: 100%;
  overflow: auto;
  outline: none;
  background: no-repeat center;
  transition: background-color 0.4s;
}
.app-mobile .modal-holder {
  display: table;
  width: 100%;
  height: 100%;
  pointer-events: none;
  table-layout: fixed;
}
.app-mobile .modal-wrap {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.app-mobile .modal.large .modal-dialog {
  max-width: 1300px;
}
.app-mobile .modal.show {
  background-color: rgba(0, 0, 0, 0.5);
}
.app-mobile .modal.loading {
  background-image: url("../img/loader-modal.gif");
}
.app-mobile .modal.loaded.show .modal-dialog {
  opacity: 1;
  transform: none;
}
.app-mobile .modal.loaded.loading {
  background-image: none;
}
.app-mobile .modal.loaded.loading .modal-dialog:after {
  content: "";
  background: url("../img/loader-modal.gif") no-repeat center rgba(0, 0, 0, 0.4);
  background-size: 3rem;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  position: absolute;
}
.app-mobile .modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: all 0.4s;
}
.app-mobile .modal-dialog {
  position: relative;
  max-width: 420px;
  margin: 0 auto;
  background: #ccc;
  color: #222;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
  min-height: 150px;
  font-size: 14px;
  line-height: 20px;
  pointer-events: auto;
  transition: all 0.4s;
  transition-property: opacity, transform;
  opacity: 0;
  transform: translateY(-50px);
}
.app-mobile .modal-head {
  background: #03324a;
  color: #eee;
  padding: 8px 15px;
  text-align: center;
  font-weight: 600;
}
.app-mobile .modal-body {
  padding: 15px;
}
.app-mobile .modal-foot {
  padding: 10px 15px 15px 15px;
  text-align: center;
}
.app-mobile .modal-body .modal-foot {
  margin-top: 15px;
  padding: 0;
  text-align: center;
}
.app-mobile .modal-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  background: url("../img/close.png");
  width: 36px;
  height: 36px;
  z-index: 30;
}
.app-mobile .modal-tabs ul {
  display: table;
  width: 100%;
  text-align: center;
}
.app-mobile .modal-tabs li {
  display: table-cell;
}
.app-mobile .modal-tabs a {
  border-bottom: 2px solid transparent;
  color: #222;
}
.app-mobile .modal-tabs a.active {
  border-color: #768e20;
}
.app-mobile .modal.full .modal-close {
  right: -15px;
  top: -15px;
}
.app-mobile .modal.full .modal-dialog {
  background: transparent;
  min-height: auto;
}
.app-mobile .modal-nav a {
  color: #333;
  background-color: #ccc;
  border-bottom: 1px solid #a2a2a2;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  border-top: 1px solid #dedede;
}
.app-mobile .modal-nav a.active {
  background: #fff;
  color: #222;
}
.app-mobile .modal-nav img {
  width: 30px;
  margin: -4px 14px -4px 0;
  height: 30px;
}
.app-mobile .modal-warning .modal-head {
  background: #cd0100;
}
.app-mobile .bets-game-price {
  display: table-cell;
  background: url("../img/cashout.png") no-repeat 0 0;
  padding-left: 20px;
}
.app-mobile .match {
  background: #021621;
  margin-top: -70px;
  position: relative;
  z-index: 2;
}
.app-mobile .match-tabs {
  white-space: nowrap;
  overflow: hidden;
  font-weight: 600;
  background: #021018;
}
.app-mobile .match-tabs li {
  display: inline-block;
  vertical-align: middle;
}
.app-mobile .match-tabs a.active {
  color: #96bc0f;
}
.app-mobile .match-odds {
  padding: 8px 8px 0 8px;
}
.app-mobile .match-line {
  background: #1a303c;
  color: #e5b71a;
  font-weight: bold;
  font-size: 12px;
  padding: 0 5px;
  height: calc(100% - 8px);
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 14px;
}
.app-mobile .match-item {
  margin-bottom: 1px;
}
.app-mobile .match-item.open .match-arrow {
  display: none;
}
.app-mobile .match-type {
  background: #03324a;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 20px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.app-mobile .match-type-info {
  float: right;
  font-size: 12px;
  margin-right: 3px;
}
.app-mobile .match-type {
  background: #03324a;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 20px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
}
.app-mobile .match-arrow {
  position: absolute;
  right: 8px;
  color: #b1b1b1;
}
.app-mobile .match-bet {
  color: #eee;
  padding-right: 5px;
}
.app-mobile .match-btn {
  background: #183647;
  border-color: #7e8a56;
  font-size: 12px;
  height: 36px;
  font-weight: bold;
  color: #e5b71a;
  width: 100%;
  border-radius: 4px;
  padding: 0 5px;
  margin-bottom: 8px;
  min-height: 36px;
  line-height: 14px;
}
@media (hover: hover) {
  .app-mobile .match-btn:hover {
    background: #285a75;
  }
}
.app-mobile .match-btn.selected {
  background: #96bc0f;
  color: #183647;
}
.app-mobile .match-btn.disabled {
  visibility: hidden;
}
.app-mobile .match-btn.selected .match-bet {
  color: #011017;
}
.app-mobile .match-league {
  font-size: 12px;
  margin-bottom: 5px;
}
.app-mobile .match-league img {
  width: 15px;
  height: 15px;
  margin: -2px 8px 0 0;
}
.app-mobile .match-head {
  padding: 5px 10px 5px 32px;
  border-bottom: 1px solid #084869;
  color: #9e9e9e;
  position: relative;
  background: #021018;
}
.app-mobile .match-name {
  font-size: 14px;
  font-weight: bold;
  color: #eee;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-mobile .match-start {
  float: right;
  font-size: 10px;
  line-height: 18px;
}
.app-mobile .match-stream {
  background: #000;
  position: relative;
  padding-bottom: calc(56% + 39px);
}
.app-mobile .match-stream-text {
  padding: 5px;
  text-align: center;
}
.app-mobile .match-stream iframe {
  width: 100%;
  display: block;
  border: none;
  height: 100%;
  position: absolute;
}
.app-mobile .match-status {
  font-size: 25px;
  color: #a9d214;
  float: right;
}
.app-mobile .match-stats {
  height: 120px;
  background: no-repeat center;
  background-size: cover;
  position: relative;
  padding: 10px;
  overflow: hidden;
}
.app-mobile .match-scores {
  text-align: center;
  background: #021e2d;
  padding: 5px;
  border: 1px solid #03324a;
  position: absolute;
  min-width: 320px;
  top: 50%;
  left: 50%;
  border-radius: 5px;
  transform: translate(-50%, -50%);
}
.app-mobile .match-row {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.app-mobile .match-row + .match-row {
  border-top: 1px solid #03324a;
}
.app-mobile .match-col {
  display: table-cell;
  vertical-align: middle;
  width: 42px;
  white-space: nowrap;
  overflow: hidden;
}
.app-mobile .match-col:first-child {
  text-align: right;
  width: auto;
  direction: rtl;
}
.app-mobile .match-col:last-child {
  text-align: left;
  width: auto;
}
.app-mobile .match-score {
  width: 20px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background: url("../img/score.png") no-repeat 23px 0;
  font-size: 14px;
}
.app-mobile .match-score.disable {
  font-size: 12px;
  color: #1083bd;
}
.app-mobile .match-score.active {
  color: #f2e236;
}
.app-mobile .match-score.current {
  background: #183647;
  color: #f2e236;
  font-weight: bold;
}
.app-mobile .match-score.points {
  background: #1083bd;
  font-weight: 600;
}
.app-mobile .match-player .match-bet {
  padding: 0;
}
.app-mobile .match-player .match-price {
  display: block;
}
.app-mobile .match-sport {
  width: 15px;
  height: 15px;
  margin: -2px 6px 0 0;
}
.app-mobile .banner {
  padding: 5px;
}
.app-mobile .banner li a {
  padding: 0;
  margin-bottom: 5px;
}
.app-mobile .banner li img {
  width: 100%;
}
.app-mobile .live {
  padding-bottom: 100px;
}
.app-mobile .live-filter {
  background: #021018;
  padding: 5px 10px;
  font-weight: 600;
}
.app-mobile .live-filter li {
  display: inline-block;
  vertical-align: top;
}
.app-mobile .live-filter a.active {
  color: #a9d214;
}
.app-mobile .live-filter a {
  color: #646b6f;
  min-width: 50px;
  text-align: center;
}
.app-mobile .live-filter i {
  font-size: 16px;
}
.app-mobile .page {
  position: relative;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.app-mobile .page li {
  display: inline-block;
  vertical-align: middle;
}
.app-mobile .page li a, .app-mobile .page li span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  color: #292b2c;
}
.app-mobile .page li:first-child a, .app-mobile .page li:first-child span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.app-mobile .page li:last-child a, .app-mobile .page li:last-child span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.app-mobile .page a.active, .app-mobile .page span.active {
  z-index: 2;
  color: #292b2c;
  cursor: default;
  background: #FFD569;
}
.app-mobile .page a.disabled, .app-mobile .page span.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.app-mobile .games-navigation {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  background-color: #0a354a;
  z-index: 50;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.5);
}
.app-mobile .games-nav-container {
  max-width: 450px;
  margin: auto;
  padding: 0 5px;
}
.app-mobile .games-navigation a {
  color: #fff;
  filter: brightness(60%);
  background-color: transparent;
  transition: all 0.2s;
  padding: 5px;
  border-radius: 5px;
}
.app-mobile .games-navigation a.active {
  filter: brightness(100%);
  background-color: #96bc0f;
  color: #03273a;
}
.app-mobile .games-product-title {
  margin-top: 5px;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.app-mobile .scroll-top {
  position: fixed;
  right: 20px;
  bottom: 80px;
  z-index: 100;
  height: 50px;
  width: 50px;
  background-color: #FFD569;
  color: #333;
  border: 2px solid;
  cursor: pointer;
  box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  padding: 5px;
  text-align: center;
  border-radius: 10px;
}
.app-mobile .scroll-top i {
  font-size: 33px;
  margin-top: 3px;
}
.app-mobile .scroll-top.show {
  opacity: 1;
  visibility: visible;
}
.app-mobile .stats {
  display: flex;
  line-height: 28px;
  position: relative;
  text-align: center;
  font-size: 12px;
  justify-content: center;
  align-items: center;
}
.app-mobile .stats-home {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  position: relative;
}
.app-mobile .stats-away {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  position: relative;
  flex-direction: row-reverse;
}
.app-mobile .stats-home:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  background: #03324a;
  width: 100%;
  right: 0;
}
.app-mobile .stats-away:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  background: #03324a;
  width: 100%;
  left: 0;
}
.app-mobile .stats-info {
  padding: 0 5px;
  min-width: 80px;
  color: #ccc;
  line-height: 16px;
}
.app-mobile .stats-col {
  min-width: 24px;
  flex: 1;
}
.app-mobile .stats-label {
  color: #1083bd;
}
.app-mobile .stats-icon {
  height: 24px;
  background: url(../img/score.png) no-repeat 20px 0;
  width: 20px;
  display: inline-block;
  vertical-align: top;
}
.app-mobile .stats-score.current {
  color: #f2e236;
  font-weight: bold;
  font-size: 14px;
  background: #03324a;
}
.app-mobile .stats-score.active {
  color: #f2e236;
}
.app-mobile .stats-score.points {
  background: #1083bd;
  font-weight: bold;
}
.app-mobile .mobile-egames {
  padding-bottom: 70px;
}
.app-mobile .egame {
  width: 50%;
  float: left;
  position: relative;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s;
  padding: 5px;
  margin-bottom: 5px;
}
.app-mobile .egame-pic {
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  background: #084869;
  border-radius: 5px;
  padding-bottom: 64%;
}
.app-mobile .egame-pic img {
  position: absolute;
  width: 100%;
  left: 0;
  transition: all 0.3s;
  height: 100%;
}
.app-mobile .egame-name {
  color: #fff;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-mobile .egame-info {
  padding: 5px;
}
.app-mobile .egame-vendor-name {
  color: #ccc;
  font-weight: normal;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-mobile .egame-type {
  margin-bottom: 10px;
}
.app-mobile .egame-type:last-child {
  margin-bottom: 0;
}
.app-mobile .egame-type-title-count {
  background-color: #092838;
  color: #2b8dc0;
  padding: 5px;
  border-radius: 10px;
  margin-left: auto;
}
.app-mobile .egame-type-title {
  background-color: #03324a;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}
.app-mobile .egame-type-title-name {
  font-weight: bold;
  text-transform: capitalize;
  font-size: 16px;
}
.app-mobile .egame-type-games {
  overflow: hidden;
  padding: 5px 0;
  margin: 0 -5px;
}
.app-mobile .egames-home .egame {
  flex: 0 0 50%;
}
.app-mobile .egame-type-title i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.app-mobile .type-name {
  padding: 0 10px;
  text-transform: capitalize;
  white-space: nowrap;
}
.app-mobile .type-games .badge {
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  color: #2b8dc0;
  background-color: #092838;
  text-align: center;
  border-radius: 20px;
  font-size: 10px;
  margin-left: 5px;
}
.app-mobile .mobile-egames-types {
  padding: 10px;
  overflow: auto;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #03273a;
}
.app-mobile .mobile-egames-types li {
  margin-right: 5px;
}
.app-mobile .mobile-egames-types li:last-child {
  margin-right: 0;
}
.app-mobile .mobile-egames-types li a {
  background-color: #183647;
  color: #fff;
  padding: 5px;
  border-radius: 20px;
  font-weight: bold;
}
.app-mobile .mobile-egames-types li a.active {
  background-color: #1083bd;
  color: #092838;
}
.app-mobile .mobile-egames-types img {
  height: 22px;
  margin-left: 4px;
}
.app-mobile .egames-search {
  padding: 0 10px;
}
.app-mobile .egames-search-input {
  position: relative;
  width: 100%;
}
.app-mobile .egames-search-icon {
  color: #999;
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
  left: 14px;
  font-size: 16px;
}
.app-mobile .egames-search-input input {
  line-height: 45px;
  width: 100%;
  background-color: transparent;
  border: 1px solid #1083bd;
  border-radius: 10px;
  padding: 0 10px 0 40px;
  color: #fff;
  outline: none;
}
.app-mobile .egames-filter-btn {
  width: 100%;
  color: #1083bd;
  font-size: 15px;
  padding: 12px;
  border-radius: 10px;
  white-space: nowrap;
  border-color: #1083bd;
}
.app-mobile .egames-filter-btn.active {
  background-color: #1083bd;
  color: #03273a;
}
.app-mobile .egames-home {
  padding: 10px;
}
.app-mobile .position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.app-mobile .flex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -ms-flexbox;
}
.app-mobile .flex-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -ms-flexbox;
}
.app-mobile .inline-flex {
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.app-mobile .justify-content-flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.app-mobile .justify-content-flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.app-mobile .justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.app-mobile .justify-content-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.app-mobile .justify-content-around {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.app-mobile .align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.app-mobile .flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.app-mobile .flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.app-mobile .align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.app-mobile .align-items-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.app-mobile .align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.app-mobile .flex-wrap {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.app-mobile .flex .col {
  flex: 1;
}
.app-mobile .long-term .event-title {
  padding: 10px;
  color: #fff;
  font-size: 14px;
}
.app-mobile .long-term .event-title .notes {
  color: #95bb0c;
  font-size: 10px;
}
.app-mobile .long-term .event-container {
  background-color: #092a3b;
  border-bottom: 1px solid #95bb0c;
}
.app-mobile .long-term .event-title a {
  color: #ddd;
}
.app-mobile .horizontal-match-line {
  padding: 10px;
  background-color: #1a303c;
  text-align: left;
  border-bottom: 1px solid #333;
  color: #fff;
}
.app-mobile .long-term .match-btn {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.app-mobile .long-term .match-bet {
  text-align: left;
  width: 70%;
}
.app-mobile .long-term .match-price {
  text-align: right;
  line-height: unset !important;
  width: 30%;
  float: unset;
}
.app-mobile .long-term .odd-container {
  background-color: #1a303c;
  height: 60px;
  padding: 0 10px;
}
.app-mobile .long-term .row-3 > .col {
  width: 50%;
}
.app-mobile .euro-group .top-image {
  position: relative;
  padding-bottom: 22%;
}
.app-mobile .euro-group .top-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 380px) {
  .app-mobile .long-term .row-3 > .col {
    width: 100%;
  }
}
@media (max-width: 484px) {
  .app-mobile .odd-line-height {
    line-height: 20px;
  }
  .app-mobile .odd-calibration {
    display: flex;
    align-items: center;
  }
}
.app-mobile .bets-game-sport .coupon-game-select {
  background: #ccc;
  box-shadow: inset 1px 4px 5px 0 rgba(0, 0, 0, 0.231372549);
  text-align: center;
}
.app-mobile .live-stream-content iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
}
.app-mobile .btn.btn-stream.pull-right {
  display: none;
}
.app-mobile .live-stream-content.compact {
  aspect-ratio: 4/3;
}
.app-mobile .live-stream-content {
  aspect-ratio: 9/16;
}
.app-mobile .live-stream {
  margin-bottom: 5px;
  text-align: center;
}
.app-mobile .live-stream-message {
  padding: 5px;
  text-align: center;
}
.app-mobile .live-stream-actions {
  height: 30px;
}
.app-mobile .stream-change select {
  background-color: #021621;
}
.app-mobile .notification-wrapper {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  height: 100%;
  width: 100%;
  color: #fff;
  overflow: hidden;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-mobile .notification-container {
  text-align: center;
  padding: 10px;
}
.app-mobile .notification-buttons {
  max-width: 400px;
  margin: 0 auto 50px auto;
}
.app-mobile .n-btn {
  padding: 8px 15px;
  display: inline-block;
  width: 100%;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  background: #FFDF1B;
  cursor: pointer;
  position: relative;
  border-radius: 10px;
  z-index: 0;
  outline: 0;
}
.app-mobile .n-btn.bonus-btn {
  background-color: #4ACFA5;
}
.app-mobile .n-btn:before {
  content: "";
  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  border: none;
}
.app-mobile .n-btn:active:after {
  background: transparent;
}
.app-mobile .n-btn:hover:before {
  opacity: 1;
}
.app-mobile .n-btn:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 10px;
}
@media (max-height: 580px) {
  .app-mobile .casino-game {
    padding-bottom: 0;
  }
  .app-mobile .casino-game-foot {
    position: relative;
  }
}

html, body {
  overscroll-behavior: none;
}

body.no-scroll {
  overflow: hidden;
}

:root {
  --ff-primary: -apple-system, BlinkMacSystemFont, sans-serif;
}

body.app-desktop.theme-betmaxo {
  background: #282828;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  border: none;
  box-sizing: border-box;
  width: 100%;
  height: 100svh;
}

body.app-mobile.theme-betmaxo {
  font-family: var(--ff-primary), sans-serif;
  background: #222222;
}

.theme-betmaxo {
  /* Widget Text */
}
.theme-betmaxo :root {
  --ff-primary: "Roboto";
}
.theme-betmaxo:not(i):not(.fas .fa) {
  font-family: var(--ff-primary), sans-serif;
}
.theme-betmaxo button {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  touch-action: manipulation;
}
.theme-betmaxo .live-stream {
  margin: 0;
}
.theme-betmaxo .live-stream-message {
  display: none;
}
.theme-betmaxo .nav li {
  text-wrap: nowrap;
  white-space: nowrap;
}

.app-desktop.theme-betmaxo {
  /* Layout (desktop) */
  /* Live Layout */
  /* Sports Menu */
  /* Coupon override */
  /* Loader */
  /* Live Sports Nav */
  /* Account */
}
.app-desktop.theme-betmaxo #app {
  width: 100%;
  min-height: 100svh;
  padding-top: 0;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo #head {
  position: relative;
  width: 100%;
  z-index: 500;
}
.app-desktop.theme-betmaxo #main {
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo #main, .app-desktop.theme-betmaxo .sport, .app-desktop.theme-betmaxo .live {
  width: 100%;
}
.app-desktop.theme-betmaxo .sport, .app-desktop.theme-betmaxo .live {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
  gap: 10px;
  /* Scrolls */
}
.app-desktop.theme-betmaxo .sport *::-webkit-scrollbar, .app-desktop.theme-betmaxo .live *::-webkit-scrollbar {
  width: 8px;
}
.app-desktop.theme-betmaxo .sport *::-webkit-scrollbar-track, .app-desktop.theme-betmaxo .live *::-webkit-scrollbar-track {
  background-color: transparent;
  padding: 0 1px;
}
.app-desktop.theme-betmaxo .sport *::-webkit-scrollbar-thumb, .app-desktop.theme-betmaxo .live *::-webkit-scrollbar-thumb {
  border-radius: 20px;
  display: inline-block;
  background-color: #666;
}
.app-desktop.theme-betmaxo .sport .nav::-webkit-scrollbar-track, .app-desktop.theme-betmaxo .live .nav::-webkit-scrollbar-track {
  background-color: transparent;
  padding: 0 1px;
}
.app-desktop.theme-betmaxo .sport .nav::-webkit-scrollbar-thumb, .app-desktop.theme-betmaxo .live .nav::-webkit-scrollbar-thumb {
  border-radius: 20px;
  display: inline-block;
  background-color: #666;
}
.app-desktop.theme-betmaxo .sport .scroll::-webkit-scrollbar, .app-desktop.theme-betmaxo .live .scroll::-webkit-scrollbar {
  width: 8px;
}
.app-desktop.theme-betmaxo .sport .scroll::-webkit-scrollbar-track, .app-desktop.theme-betmaxo .live .scroll::-webkit-scrollbar-track {
  background-color: transparent;
  padding: 0 1px;
}
.app-desktop.theme-betmaxo .sport .scroll::-webkit-scrollbar-thumb, .app-desktop.theme-betmaxo .live .scroll::-webkit-scrollbar-thumb {
  border-radius: 20px;
  display: inline-block;
  background-color: #666;
}
.app-desktop.theme-betmaxo .sport *, .app-desktop.theme-betmaxo .sport .scroll, .app-desktop.theme-betmaxo .sport .nav, .app-desktop.theme-betmaxo .live *, .app-desktop.theme-betmaxo .live .scroll, .app-desktop.theme-betmaxo .live .nav {
  scrollbar-width: thin;
  scrollbar-color: #666 transparent;
}
@media only screen and (min-width: 1440px) {
  .app-desktop.theme-betmaxo .sport, .app-desktop.theme-betmaxo .live {
    width: 80%;
  }
}
@media only screen and (max-width: 1440px) {
  .app-desktop.theme-betmaxo .sport, .app-desktop.theme-betmaxo .live {
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .app-desktop.theme-betmaxo .sport *::-webkit-scrollbar-thumb:hover, .app-desktop.theme-betmaxo .sport .scroll::-webkit-scrollbar-thumb:hover, .app-desktop.theme-betmaxo .live *::-webkit-scrollbar-thumb:hover, .app-desktop.theme-betmaxo .live .scroll::-webkit-scrollbar-thumb:hover {
    width: 8px;
    background-color: #cacaca;
  }
  .app-desktop.theme-betmaxo .sport .nav::-webkit-scrollbar-thumb:hover, .app-desktop.theme-betmaxo .live .nav::-webkit-scrollbar-thumb:hover {
    height: 5px;
    background-color: #cacaca;
  }
}
.app-desktop.theme-betmaxo .sport-main {
  width: 100%;
  height: 100%;
  position: initial;
  padding: 0;
  overflow: auto;
}
.app-desktop.theme-betmaxo .sport-body {
  width: 100%;
}
.app-desktop.theme-betmaxo .live.expand .live-main {
  right: 0;
}
.app-desktop.theme-betmaxo .live-stream-actions {
  border: none;
}
.app-desktop.theme-betmaxo .live-main {
  width: 100%;
  height: 100%;
  position: initial;
  padding: 0;
  overflow: hidden;
}
.app-desktop.theme-betmaxo .live-main .live-content {
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
  width: 100%;
  height: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  /* Alignment */
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .live-main .live-content .container-football {
  background-image: linear-gradient(160deg, #364d3c 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .live-main .live-content .container-basketball {
  background-image: linear-gradient(160deg, #4d4432 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .live-main .live-content .container-tennis {
  background-image: linear-gradient(160deg, #3f4d32 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .live-main .live-content .container-volleyball {
  background-image: linear-gradient(160deg, #4d4032 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .live-main .live-content .container-beach_volleyball {
  background-image: linear-gradient(160deg, #4d4032 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .live-main .live-content .container-table_tennis {
  background-image: linear-gradient(160deg, #36414d 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .live-main .live-content .container-ice_hockey {
  background-image: linear-gradient(160deg, #36444d 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .live-main .live-content .container-darts {
  background-image: linear-gradient(160deg, #4d2725 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .live-main .live-content .container-futsal {
  background-image: linear-gradient(160deg, #36434d 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .live-main .live-content .container-handball {
  background-image: linear-gradient(160deg, #24566f 0%, #383838 400px);
}
.app-desktop.theme-betmaxo .live-holder {
  top: 0;
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  /* Alignment */
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  /* Content Alignment */
  -ms-flex-line-pack: normal;
  align-content: normal;
  /* Gaps */
}
.app-desktop.theme-betmaxo .live-right {
  position: relative;
  width: 450px;
  background: transparent;
}
.app-desktop.theme-betmaxo .live-match {
  flex: 1 1 auto;
  padding-bottom: 0;
  height: 100%;
  position: static;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 2px solid #367a65;
  background-color: #383838;
  border-left: none;
  overflow: auto;
}
.app-desktop.theme-betmaxo .sport-menu {
  position: initial;
  background: #282828;
  height: 100%;
  padding: 12px 10px;
  border-right: none;
  font-size: 14px;
}
.app-desktop.theme-betmaxo .sport-menu img {
  margin: 0 5px 0 0;
  width: 20px;
}
.app-desktop.theme-betmaxo .sport-menu .nav {
  overflow-x: hidden;
  overflow-y: auto;
}
.app-desktop.theme-betmaxo .sport-menu .nav-element {
  color: #bbb;
  padding: 12px 10px;
  margin: 0;
  font-weight: bold;
  gap: 10px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .sport-menu .nav-element:hover, .app-desktop.theme-betmaxo .sport-menu .nav-element.current {
  background: #383838;
  color: #0f9;
}
@media only screen and (max-width: 1280px) {
  .app-desktop.theme-betmaxo .sport-menu {
    width: 60px;
  }
}
.app-desktop.theme-betmaxo .bets-loading .spinner {
  background: url(../img/loader_mini.svg) no-repeat center;
}
.app-desktop.theme-betmaxo #loader {
  background: #14805e no-repeat center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  bottom: 0;
  width: 100%;
  height: 100%;
  right: 0;
  transition: opacity 0.4s ease-in-out;
}
.app-desktop.theme-betmaxo #loader.active {
  background-color: rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.app-desktop.theme-betmaxo #loader.active.mini {
  top: 115px;
}
.app-desktop.theme-betmaxo #loader.ng-enter {
  transition: all 0.4s;
  opacity: 0;
}
.app-desktop.theme-betmaxo #loader.ng-enter-active {
  opacity: 1;
}
.app-desktop.theme-betmaxo #loader.ng-leave {
  transition: all 0.4s;
  opacity: 1;
}
.app-desktop.theme-betmaxo #loader.ng-leave-active {
  opacity: 0;
}
.app-desktop.theme-betmaxo .live-sports {
  background: #383838;
}
.app-desktop.theme-betmaxo .live-sports-bar {
  height: 2px;
  margin-top: -2px;
  z-index: 0;
  position: absolute;
  width: 100%;
}
.app-desktop.theme-betmaxo .live-sports-img {
  height: 32px;
  display: block;
  background: no-repeat center;
  background-size: 25px;
  opacity: 0.75;
  margin-bottom: 2px;
}
.app-desktop.theme-betmaxo .live-sports-select {
  position: absolute;
  z-index: 4;
  bottom: 0;
  left: 12px;
  right: 12px;
  height: 2px;
  opacity: 0;
  background: #818181;
  filter: brightness(1.7);
  transition: all 0.4s;
  transform: scaleX(0);
  margin: 0 auto;
}
.app-desktop.theme-betmaxo .live-sports ul {
  overflow: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0 5px;
}
.app-desktop.theme-betmaxo .live-sports li {
  display: inline-block;
  vertical-align: top;
}
.app-desktop.theme-betmaxo .live-sports a {
  font-size: 11px;
  color: #9c9c9c;
  line-height: 16px;
  height: 64px;
}
.app-desktop.theme-betmaxo .live-sports a.active {
  color: #fff;
}
.app-desktop.theme-betmaxo .live-sports a.active .live-sports-img {
  filter: grayscale(0);
}
.app-desktop.theme-betmaxo .live-sports a.active .live-sports-select {
  opacity: 1;
  transform: scaleX(1);
}
@media (hover: hover) {
  .app-desktop.theme-betmaxo .live-sports a:hover {
    color: #fff;
  }
  .app-desktop.theme-betmaxo .live-sports a:hover .live-sports-img {
    opacity: 1;
  }
}
.app-desktop.theme-betmaxo .live-sports-left {
  cursor: pointer;
  position: absolute;
  width: 48px;
  height: 64px;
  left: 0;
  top: 0;
  background: linear-gradient(to right, #303030 50%, transparent);
  z-index: 2;
}
.app-desktop.theme-betmaxo .live-sports-right {
  cursor: pointer;
  position: absolute;
  width: 48px;
  height: 64px;
  right: 0;
  top: 0;
  background: linear-gradient(to left, #303030 50%, transparent);
  z-index: 2;
}
.app-desktop.theme-betmaxo .live-sports-left:after {
  content: "";
  background: url("../img/arrow-left.svg") no-repeat center;
  width: 26px;
  height: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -16px;
  margin-left: -13px;
}
.app-desktop.theme-betmaxo .live-sports-right:after {
  content: "";
  background: url("../img/arrow-right.svg") no-repeat center;
  width: 26px;
  height: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -16px;
  margin-left: -13px;
}
.app-desktop.theme-betmaxo .login {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
}
.app-desktop.theme-betmaxo .login-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../../img/start.jpg) no-repeat 0 0 #0c6cc2;
  background-size: cover;
}
.app-desktop.theme-betmaxo .login-form {
  max-width: 280px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 30px;
  width: 100%;
  left: 0;
  max-height: 280px;
  height: 100vh;
  margin: auto;
}
.app-desktop.theme-betmaxo .login-row {
  margin-bottom: 10px;
}
.app-desktop.theme-betmaxo .login-foot {
  margin-top: 15px;
}
.app-desktop.theme-betmaxo .login-input {
  width: 100%;
  text-indent: 12px;
  height: 35px;
  border-radius: 3px;
  border: 1px solid #839599;
  color: black;
  font-size: unset;
  padding: unset;
}
.app-desktop.theme-betmaxo .login-btn {
  padding: 0 10px;
  display: block;
  text-transform: uppercase;
  color: #fff;
  background: #585858;
  border-radius: 3px;
  transition: all 0.15s linear;
  width: 100%;
  height: 35px;
  border: 1px solid #839599;
  font-weight: unset;
  font-size: unset;
}
.app-desktop.theme-betmaxo .login-btn:hover {
  background: #0c6cc7;
}
.app-desktop.theme-betmaxo .login {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
}
.app-desktop.theme-betmaxo .login-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../../img/start.jpg) no-repeat 0 0 #0c6cc2;
  background-size: cover;
}
.app-desktop.theme-betmaxo .login-form {
  max-width: 280px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 30px;
  width: 100%;
  left: 0;
  max-height: 280px;
  height: 100vh;
  margin: auto;
}
.app-desktop.theme-betmaxo .login-row {
  margin-bottom: 10px;
}
.app-desktop.theme-betmaxo .login-foot {
  margin-top: 15px;
}
.app-desktop.theme-betmaxo .login-input {
  width: 100%;
  text-indent: 12px;
  height: 35px;
  border-radius: 3px;
  border: 1px solid #839599;
  color: black;
  font-size: unset;
  padding: unset;
}
.app-desktop.theme-betmaxo .login-btn {
  padding: 0 10px;
  display: block;
  text-transform: uppercase;
  color: #fff;
  background: #585858;
  border-radius: 3px;
  transition: all 0.15s linear;
  width: 100%;
  height: 35px;
  border: 1px solid #839599;
  font-weight: unset;
  font-size: unset;
}
.app-desktop.theme-betmaxo .login-btn:hover {
  background: #0c6cc7;
}
.app-desktop.theme-betmaxo .login-btn:focus {
  background: #56c2e1;
  box-shadow: inset 0 1px 6px rgba(255, 255, 255, 0.75);
}
.app-desktop.theme-betmaxo .login .errorMessage {
  text-align: center;
  padding: 5px;
  color: red;
}
@media (max-width: 768px) {
  .app-desktop.theme-betmaxo .login-form {
    top: 50%;
    margin-top: -100px;
    left: 0;
  }
  .app-desktop.theme-betmaxo .login-bg {
    opacity: 0.5;
  }
}
.app-desktop.theme-betmaxo .promo-odd {
  background-color: #383838;
}
.app-desktop.theme-betmaxo .promo-odd.selected {
  background: #e4e4e4;
  color: #14805e;
}
.app-desktop.theme-betmaxo .sport-promo {
  background-color: #282828;
  margin-bottom: 5px;
}
.app-desktop.theme-betmaxo .scroll {
  overflow: auto;
}
.app-desktop.theme-betmaxo .loader-logo {
  height: 100%;
  background-size: 150px auto;
}
.app-desktop.theme-betmaxo .pre-back:before {
  content: "";
  background: url(../../img/arrow-left.svg) no-repeat center;
  display: inline-block;
  width: 6px;
  height: 9px;
  margin-right: 5px;
}
.app-desktop.theme-betmaxo .sport-bets {
  background-color: #282828;
  padding: 5px 0 0 0;
}
.app-desktop.theme-betmaxo .sport-content {
  position: relative;
}
.app-desktop.theme-betmaxo .sport-content > table {
  width: 100%;
}
.app-desktop.theme-betmaxo .sport-live {
  color: #00dfa9;
  margin-left: 7px;
}
.app-desktop.theme-betmaxo .event-body {
  border-radius: 5px;
}
.app-desktop.theme-betmaxo .coupons-tabs-left {
  position: absolute;
  transition: none;
  left: 0;
  background: linear-gradient(-90deg, transparent, #174538 50%);
  top: 0;
  bottom: 0;
  z-index: 1;
  border: none;
}
.app-desktop.theme-betmaxo .coupons-tabs-left:after {
  content: "";
  background: url("../img/arrow-left.svg");
  width: 10px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -6px;
}
.app-desktop.theme-betmaxo .coupons-tabs-right {
  position: absolute;
  transition: none;
  right: 0;
  background: linear-gradient(90deg, transparent, #174538 50%);
  top: 0;
  bottom: 0;
  z-index: 1;
  border: none;
}
.app-desktop.theme-betmaxo .coupons-tabs-right:after {
  content: "";
  background: url("../img/arrow-right.svg");
  width: 10px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-right: -6px;
}
.app-desktop.theme-betmaxo .sport-back {
  width: 30px;
  height: 30px;
  background: url("../img/back.jpg");
  border-right-color: #333;
  margin-right: 10px;
  vertical-align: top;
}
.app-desktop.theme-betmaxo .sport-select {
  position: absolute;
  top: 0;
  left: 0;
  right: 120px;
  text-align: center;
  height: 0;
  z-index: 5;
}
.app-desktop.theme-betmaxo .sport-filter {
  overflow: hidden;
  position: relative;
  height: 34px;
}
.app-desktop.theme-betmaxo .sport-filter ul {
  overflow: auto;
  white-space: nowrap;
  font-size: 0;
}
.app-desktop.theme-betmaxo .sport-filter li {
  display: inline-block;
  vertical-align: top;
}
.app-desktop.theme-betmaxo .sport-filter li:after {
  content: "";
  width: 1px;
  height: 10px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
}
.app-desktop.theme-betmaxo .sport-filter li:last-child:after {
  display: none;
}
.app-desktop.theme-betmaxo .sport-filter img {
  width: 18px;
  margin-right: 5px;
  filter: grayscale(1);
}
.app-desktop.theme-betmaxo .sport-filter a:hover img {
  filter: none;
}
.app-desktop.theme-betmaxo .sport-filter a {
  border-bottom: 2px solid transparent;
  font-size: 13px;
  color: #aaa;
  line-height: 18px;
}
.app-desktop.theme-betmaxo .sport-filter a:hover {
  color: #fff;
}
.app-desktop.theme-betmaxo .sport-filter a.current {
  border-color: #fff;
  color: #fff;
}
.app-desktop.theme-betmaxo .sport-slides {
  height: 220px;
}
.app-desktop.theme-betmaxo .prevent {
  pointer-events: none;
  cursor: pointer;
}
.app-desktop.theme-betmaxo .event {
  margin-bottom: 1px;
}
.app-desktop.theme-betmaxo .sport-leagues .event-title, .app-desktop.theme-betmaxo .event-coupon .event-title {
  height: 30px;
}
.app-desktop.theme-betmaxo .event-coupon table {
  border-radius: 5px;
}
.app-desktop.theme-betmaxo {
  --light_hover: #00dfa9;
}
.app-desktop.theme-betmaxo .event-line {
  text-align: center;
  font-size: 13px;
  background: #3d3d3d;
  width: 100%;
  cursor: default;
  border: none;
  padding: 0;
}
.app-desktop.theme-betmaxo .event-odds * {
  height: 100%;
}
.app-desktop.theme-betmaxo .event-start {
  width: 54px;
  text-align: center;
}
.app-desktop.theme-betmaxo .event-odd:hover {
  background-color: #4A4A4A;
  color: #fff;
}
.app-desktop.theme-betmaxo .event-odd.disabled {
  color: transparent;
  cursor: default;
  pointer-events: none;
  background: url(/img/lock.svg) no-repeat center;
  background-size: 18px;
  transition: 0s;
}
.app-desktop.theme-betmaxo .event-odd.selected {
  background: #e4e4e4;
  color: #14805e;
}
.app-desktop.theme-betmaxo .event-actions {
  white-space: nowrap;
  width: 40px;
}
.app-desktop.theme-betmaxo .event-country {
  text-align: center;
  width: 54px;
}
.app-desktop.theme-betmaxo .event-league {
  display: block;
  opacity: 0.5;
}
.app-desktop.theme-betmaxo .event-country img {
  width: 25px;
}
.app-desktop.theme-betmaxo .event table {
  width: 100%;
  border-collapse: collapse;
  background-color: #383838;
  color: #fff;
}
.app-desktop.theme-betmaxo .event-title + .event-title {
  background: #464646;
}
.app-desktop.theme-betmaxo .event-title > * {
  padding: 0 10px;
}
.app-desktop.theme-betmaxo .event[accordion] .event-head {
  cursor: pointer;
  padding-right: 28px;
}
.app-desktop.theme-betmaxo .event[accordion] .event-head:after {
  background: url(../img/arrow-down.png);
  content: "";
  position: absolute;
  right: 12px;
  top: 10px;
  width: 10px;
  height: 10px;
  opacity: 0.3;
}
.app-desktop.theme-betmaxo .event[accordion].open .event-head:after {
  background: url("../img/arrow-up.png");
}
.app-desktop.theme-betmaxo .event-coupon td, .app-desktop.theme-betmaxo .event-coupon th {
  font-weight: normal;
}
.app-desktop.theme-betmaxo .event-coupon tr:hover .event-name {
  color: #fff;
}
.app-desktop.theme-betmaxo .event-coupon .col {
  box-shadow: -1px 0 0 #383838;
}
.app-desktop.theme-betmaxo .event-body .event-league {
  display: none;
}
.app-desktop.theme-betmaxo .buttons-container {
  column-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
}
.app-desktop.theme-betmaxo .modal.large .modal-dialog {
  max-width: 1300px;
  border-radius: 10px;
  color: #fff;
}
.app-desktop.theme-betmaxo .modal-content {
  overflow: auto;
  border-radius: 7px;
  padding: 0;
  background-color: #3d3d3d;
  border: 1px solid var(--main-border-color);
  margin-bottom: 15px;
  -webkit-box-shadow: 0 2px 0 0 var(--main-border-color);
  -moz-box-shadow: 0 2px 0 0 var(--main-border-color);
  box-shadow: 0 2px 0 0 var(--main-border-color);
}
.app-desktop.theme-betmaxo .btn-search i {
  margin-right: 10px;
  color: #fff;
  font-size: 18px;
}
.app-desktop.theme-betmaxo .nav-buttons .btn {
  padding: 0;
  color: #dedede;
  border: none;
  outline: none;
  cursor: pointer;
  opacity: 1;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}
.app-desktop.theme-betmaxo .nav-buttons .btn .fas {
  font-size: 1.5rem;
}
.app-desktop.theme-betmaxo .btn-quick {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  text-transform: capitalize;
  padding: 5px 10px;
  text-wrap: nowrap;
  font-size: 12px;
  font-weight: 700;
  border: none;
  border-radius: 15px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.app-desktop.theme-betmaxo .btn-quick:hover {
  background-color: var(--games_primary);
}
.app-desktop.theme-betmaxo .game-card .game-card-body .game-info .title {
  width: 100%;
  height: auto;
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.app-desktop.theme-betmaxo .game-card .game-card-body .game-info .description {
  width: 100%;
  height: auto;
  color: #b7b7b7;
  opacity: 0.9;
  font-size: 12px;
  font-weight: 400;
}
.app-desktop.theme-betmaxo .visually-hidden {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}
.app-desktop.theme-betmaxo button.more-btn {
  background: var(--games_primary);
  border: 1px solid;
  padding: 10px;
  margin: 20px auto;
  display: block;
}
.app-desktop.theme-betmaxo .loadingScreen {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999998;
  transition: 1s ease;
  background: rgba(0, 0, 0, 0);
}
.app-desktop.theme-betmaxo .loadingScreen .center-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Flex Direction */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Wrapping */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Justification */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Alignment */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Content Alignment */
  -ms-flex-line-pack: center;
  align-content: center;
  /* Gaps */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999999;
  will-change: opacity, transform;
}
.app-desktop.theme-betmaxo #loader.loadingScreen {
  background: rgba(0, 0, 0, 0.4);
}
.app-desktop.theme-betmaxo .small-loader {
  width: fit-content;
  margin: 0 auto;
  transition: 0.3s ease-in-out;
  max-height: 88px;
  overflow: hidden;
}
.app-desktop.theme-betmaxo .small-loader .spinner {
  width: 100px;
  height: 100px;
  position: relative;
  border-radius: 100em;
  background: url(/img/loader-modal.gif) no-repeat center 35%;
}
.app-desktop.theme-betmaxo input {
  line-height: normal;
  outline: 0;
}
.app-desktop.theme-betmaxo .game-info {
  border: none;
  line-height: 24px;
  cursor: pointer;
  display: table-cell;
  vertical-align: top;
}
.app-desktop.theme-betmaxo .live-overview-title {
  color: #f0f0f0;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  float: left;
}
.app-desktop.theme-betmaxo .icon icon-fav {
  background: url(/img/start.svg) no-repeat left top;
  width: 16px;
  height: 16px;
  background-size: 100% auto;
}
.app-desktop.theme-betmaxo .live-head {
  color: #e4e4e4;
  padding: 20px 15px;
  margin-bottom: -10px;
}
.app-desktop.theme-betmaxo .live-head a:hover {
  color: #fff;
}
.app-desktop.theme-betmaxo .match-line {
  background: transparent;
  box-shadow: none;
  padding: 0;
  font-size: unset;
  font-weight: unset;
  color: unset;
}
.app-desktop.theme-betmaxo .live {
  background: #282828;
}
.app-desktop.theme-betmaxo .champs {
  background: none;
  cursor: pointer;
  line-height: 30px;
  font-weight: normal;
}
.app-desktop.theme-betmaxo .account {
  width: 74%;
  height: 100%;
  overflow: auto;
  top: 0;
}
.app-desktop.theme-betmaxo .account-head {
  background: #777;
}
.app-desktop.theme-betmaxo .account-tabs {
  background: #383838;
}
.app-desktop.theme-betmaxo .text-main {
  color: #ffdf1b;
}
.app-desktop.theme-betmaxo .account-tabs a.active {
  color: #ffdf1b;
}
.app-desktop.theme-betmaxo .btn-main {
  background: #ffdf1b;
  color: #282828;
  border: 1px solid #949494;
}
.app-desktop.theme-betmaxo .account-label {
  border-bottom: 1px solid #282828;
  color: #282828;
}
.app-desktop.theme-betmaxo .btn-second {
  background: #126e51;
}
.app-desktop.theme-betmaxo .btn-second:hover {
  background: #20ac7f;
}
.app-desktop.theme-betmaxo .modal-head {
  background: #282828;
}
.app-desktop.theme-betmaxo .account-table thead {
  background: #777;
}
.app-desktop.theme-betmaxo .account-table thead tr + tr {
  background: #ffdf1b;
  color: #282828;
}
.app-desktop.theme-betmaxo .page span.active {
  background: #ffdf1b;
}
.app-desktop.theme-betmaxo .account-info th {
  background: #ffdf1b;
  color: #282828;
}
.app-desktop.theme-betmaxo .account-info .btn-sm {
  width: unset;
  height: unset;
}
.app-desktop.theme-betmaxo .message-text {
  background: #ffdf1b;
}
.app-desktop.theme-betmaxo .coupons-filter .drop-menu {
  right: unset;
  left: 0;
  top: 20px;
}
.app-desktop.theme-betmaxo .coupons-filter .btn {
  font-size: 12px;
}
.app-desktop.theme-betmaxo .coupons-filter .drop i {
  margin-right: 5px;
}
.app-desktop.theme-betmaxo .sport-filter li {
  margin-right: 0;
}
.app-desktop.theme-betmaxo .sport-filter li a {
  text-transform: unset;
}
.app-desktop.theme-betmaxo .league-country-img {
  width: 25px;
  height: 25px;
}
.app-desktop.theme-betmaxo .more-btn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
  min-height: 30px;
  padding: 7px 0;
  gap: 7px;
  text-transform: capitalize;
  font-weight: 700;
  background-color: #464646;
  color: #fff !important;
  font-size: 10px;
  border-radius: 0 0 10px 10px;
}

.app-mobile.theme-betmaxo {
  /* Coupons */
}
.app-mobile.theme-betmaxo .app {
  min-height: 100svh;
  height: unset;
}
.app-mobile.theme-betmaxo .main {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  flex: 1 0 auto;
}
.app-mobile.theme-betmaxo .main .content {
  flex: 1 1 auto;
}
.app-mobile.theme-betmaxo .main .content .sport {
  padding-bottom: 0;
}
.app-mobile.theme-betmaxo .sport {
  padding-bottom: 55px;
}
.app-mobile.theme-betmaxo .live {
  padding: 0;
}
.app-mobile.theme-betmaxo .loader {
  background: #14805e no-repeat center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  bottom: 0;
  right: 0;
}
.app-mobile.theme-betmaxo .loader.active {
  top: 46px;
  background-color: rgba(0, 0, 0, 0.5);
}
.app-mobile.theme-betmaxo .sport-nav {
  background: transparent;
}
.app-mobile.theme-betmaxo .menu {
  border-right: none;
}
.app-mobile.theme-betmaxo .menu, .app-mobile.theme-betmaxo .menu-nav li a, .app-mobile.theme-betmaxo .menu-close {
  background: #282828;
}
.app-mobile.theme-betmaxo .menu-nav li {
  border-bottom: 1px solid #3e3e3e;
}
.app-mobile.theme-betmaxo .menu-nav a.active {
  color: #3ecc9f;
}
.app-mobile.theme-betmaxo .search-tabs a.active {
  background: #14805e;
}
.app-mobile.theme-betmaxo .date-head > div:last-child {
  display: none;
}
.app-mobile.theme-betmaxo .search-tabs a {
  background: #282828;
}
.app-mobile.theme-betmaxo .search-info {
  border-left: 1px solid #5f5f5f;
}
.app-mobile.theme-betmaxo .search-col {
  border-right: 1px solid #2e2e2e;
  border-left: 1px solid #5f5f5f;
}
.app-mobile.theme-betmaxo .menu-tabs li a.active {
  color: #3ecc9f;
}
.app-mobile.theme-betmaxo .menu-tabs {
  border-bottom: 2px solid #3e3e3e;
}
.app-mobile.theme-betmaxo .menu-tabs i {
  background: url(../../img/mobile/menu-b.svg);
  width: 34px;
  height: 32px;
  display: block;
  margin: 0 auto 4px auto;
  background-size: auto 70px;
}
.app-mobile.theme-betmaxo .menu-tabs-sport i {
  background-position: -1px -2px;
}
.app-mobile.theme-betmaxo .menu-tabs-live i {
  background-position: -43px -2px;
}
.app-mobile.theme-betmaxo .menu-tabs-games i {
  background-position: -84px -2px;
}
.app-mobile.theme-betmaxo .menu-tabs-sport.active i {
  background-position: -130px -2px;
}
.app-mobile.theme-betmaxo .menu-tabs-live.active i {
  background-position: -172px -2px;
}
.app-mobile.theme-betmaxo .menu-tabs-games.active i {
  background-position: -213px -2px;
}
.app-mobile.theme-betmaxo .search-row {
  background: #434343;
  border-bottom: 1px solid #2e2e2e;
  border-top: 1px solid #5f5f5f;
}
.app-mobile.theme-betmaxo .head-user i {
  color: #fff;
  font-size: 24px;
}
.app-mobile.theme-betmaxo .head-bonus {
  top: 1px;
  right: 1px;
  color: #282828;
}
.app-mobile.theme-betmaxo .head-nav a {
  border-bottom: 2px solid transparent;
}
.app-mobile.theme-betmaxo .icon icon-user {
  background: url(../../img/user-b.svg) no-repeat center;
  height: 24px;
  margin-bottom: 2px;
}
.app-mobile.theme-betmaxo .head-nav li {
  padding: 0;
}
.app-mobile.theme-betmaxo .head-nav li a {
  position: relative;
  padding-top: 6px;
}
.app-mobile.theme-betmaxo .head-nav li a.active::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 25%;
  width: 50%;
  height: 2px;
  background-color: #ffdf1b;
}
.app-mobile.theme-betmaxo .account-head {
  background: #126e51;
  border-top: 1px solid #3e3e3e;
}
.app-mobile.theme-betmaxo .head-user.active {
  background: #fff;
}
.app-mobile.theme-betmaxo .account-head > .text-main {
  color: #ffdf1b;
}
.app-mobile.theme-betmaxo .account-label {
  border-bottom: 1px solid #3e3e3e;
  color: #282828;
}
.app-mobile.theme-betmaxo .account-title {
  background: #383838;
}
.app-mobile.theme-betmaxo .message-text {
  background: #ffdf1b;
}
.app-mobile.theme-betmaxo .page span.active {
  background: #ffdf1b;
}
.app-mobile.theme-betmaxo .account-table thead tr:nth-child(2) {
  color: #282828;
}
.app-mobile.theme-betmaxo .account-table thead th .text-main {
  color: #ffdf1b;
}
.app-mobile.theme-betmaxo .account-table > .text-main {
  color: #ffdf1b;
}
.app-mobile.theme-betmaxo .account-table thead {
  background: #777;
}
.app-mobile.theme-betmaxo .account-table thead tr:nth-child(2) {
  color: #282828;
}
.app-mobile.theme-betmaxo .account-table thead tr + tr {
  background: #ffdf1b;
  color: #282828;
}
.app-mobile.theme-betmaxo .account-table thead tr + tr .text-main {
  color: #282828;
}
.app-mobile.theme-betmaxo .modal-head {
  background-color: #126e51;
}
.app-mobile.theme-betmaxo .sport-nav li {
  border-right: none;
}
.app-mobile.theme-betmaxo .btn-second {
  background: #126e51;
}
.app-mobile.theme-betmaxo .profile-balance:first-of-type .nav-s:first-of-type li:first-of-type {
  display: table-cell;
  border-right: 1px solid #3ecc9f;
}
.app-mobile.theme-betmaxo .profile-name {
  background: #282828;
  color: #3ecc9f;
}
.app-mobile.theme-betmaxo .profile-head {
  background: #282828;
}
.app-mobile.theme-betmaxo .profile-balance li:last-child {
  border: none;
}
.app-mobile.theme-betmaxo .profile-balance li {
  border-right: 1px solid #3ecc9f;
}
.app-mobile.theme-betmaxo .pre-games li:before {
  border-bottom: 1px dashed #fff;
}
.app-mobile.theme-betmaxo .text-main {
  color: #3ecc9f;
}
.app-mobile.theme-betmaxo .text-prime {
  color: #3ecc9f;
}
.app-mobile.theme-betmaxo .pre-time {
  border: 1px solid #126e51;
  background: #126e51;
}
.app-mobile.theme-betmaxo .pre-games li:first-child:after {
  background: #fff;
}
.app-mobile.theme-betmaxo .btn-main {
  background: #ffdf1b;
  border: 1px solid #949494;
}
.app-mobile.theme-betmaxo .slots-vendors {
  background: #222222;
}
.app-mobile.theme-betmaxo .slots-vendors li a.active {
  background: #ffdf1b;
}
.app-mobile.theme-betmaxo .slots-vendors li a.active:after {
  border-style: solid;
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -20px;
  border-width: 10px 20px 0 20px;
  border-color: #ffdf1b transparent transparent transparent;
  width: 0;
  height: 0;
}
.app-mobile.theme-betmaxo .slots-vendors li a {
  background: #282828;
  border: 1px solid #131313;
}
.app-mobile.theme-betmaxo .slots-pic {
  border: 5px solid #222222;
  background: #282828;
}
.app-mobile.theme-betmaxo .slots-game:hover .slots-pic {
  border-color: #939495;
}
.app-mobile.theme-betmaxo .slots-name {
  border-bottom: 2px solid #fff;
}
.app-mobile.theme-betmaxo .slots-btn {
  background: #ffdf1b;
  color: #000;
}
.app-mobile.theme-betmaxo .slots-search-result {
  background: #126e51;
  border: 1px solid #3d9e2e;
}
.app-mobile.theme-betmaxo .sport-nav {
  height: 68px;
}
.app-mobile.theme-betmaxo .sport-nav li {
  padding: 0;
  min-width: 84px;
}
.app-mobile.theme-betmaxo .sport-nav li a {
  padding: 8px;
  border-radius: 0;
}
.app-mobile.theme-betmaxo .promo {
  position: relative;
  height: 150px;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  margin-bottom: 5px;
}
.app-mobile.theme-betmaxo .promo-odd {
  background-color: #383838;
}
.app-mobile.theme-betmaxo .promo-odd.selected {
  background: #e4e4e4;
  color: #14805e;
}
.app-mobile.theme-betmaxo .sport-nav-left {
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: -14px;
  z-index: 5;
}
.app-mobile.theme-betmaxo .sport-nav-right {
  position: absolute;
  top: 50%;
  right: 13px;
  margin-top: -14px;
  z-index: 5;
}
.app-mobile.theme-betmaxo .status-bg {
  background: no-repeat center;
  background-size: 100% 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.app-mobile.theme-betmaxo .sport-nav {
  border-bottom: 0;
}
.app-mobile.theme-betmaxo .sport-nav li a.active {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.app-mobile.theme-betmaxo .sport-name {
  float: left;
}
.app-mobile.theme-betmaxo .sport-filter {
  width: 50%;
  display: inline-block;
}
.app-mobile.theme-betmaxo .sport-filter-name {
  float: right;
  padding: 2px;
}
.app-mobile.theme-betmaxo .sport-filter .drop-menu {
  left: unset;
  right: 0;
}
.app-mobile.theme-betmaxo .drop-menu:after {
  left: unset;
  right: 5px;
}
.app-mobile.theme-betmaxo .live-overview-title {
  color: #f0f0f0;
  font-size: 20px;
  font-weight: 700;
  padding: 0 7px;
  font-style: italic;
  float: left;
  text-overflow: ellipsis;
  min-width: 0;
  white-space: nowrap;
  text-wrap: nowrap;
  overflow: hidden;
}
.app-mobile.theme-betmaxo .live-nav {
  background: #313131;
  font-size: 11px;
  overflow: hidden;
  line-height: 16px;
  position: relative;
  height: 64px;
}
.app-mobile.theme-betmaxo .live-nav ul {
  white-space: nowrap;
  overflow: auto;
  padding: 0 10px;
}
.app-mobile.theme-betmaxo .live-nav-border {
  height: 2px;
  background: #137A5A;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.app-mobile.theme-betmaxo .live-nav-pic {
  display: block;
  height: 38px;
  background: no-repeat center;
  background-size: auto 30px;
  filter: saturate(0);
  transition: all 0.4s;
}
.app-mobile.theme-betmaxo .live-nav-name {
  position: relative;
}
.app-mobile.theme-betmaxo .live-nav-active {
  background: #137a5a;
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 2px;
  opacity: 0;
  filter: brightness(1.5);
  z-index: 4;
}
.app-mobile.theme-betmaxo .live-nav li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-right: 5px;
}
.app-mobile.theme-betmaxo .live-nav li:last-child {
  margin-right: 0;
}
.app-mobile.theme-betmaxo .live-nav a {
  color: #bbb;
  padding: 5px;
  min-width: 64px;
}
.app-mobile.theme-betmaxo .live-nav a.active .live-nav-arrow {
  display: block;
}
.app-mobile.theme-betmaxo .live-nav a.active {
  color: #fff;
}
.app-mobile.theme-betmaxo .live-nav a.active .live-nav-pic {
  filter: saturate(1);
}
.app-mobile.theme-betmaxo .live-nav a.active .live-nav-active {
  opacity: 1;
}
.app-mobile.theme-betmaxo .live .match {
  overflow: auto;
}
.app-mobile.theme-betmaxo .live-empty {
  position: absolute;
  width: 100%;
  top: 45%;
  color: #ddd;
  font-size: 16px;
  text-align: center;
  padding: 15px;
}
.app-mobile.theme-betmaxo .title:after {
  clear: both;
  content: "";
  display: table;
}
.app-mobile.theme-betmaxo .title-name {
  float: left;
  padding: 10px 15px;
  font-size: 17px;
  font-weight: 700;
}
.app-mobile.theme-betmaxo .title-filter {
  float: right;
  font-size: 12px;
  margin-top: 8px;
  margin-right: 5px;
}
.app-mobile.theme-betmaxo .title-filter.coupons {
  float: none;
  text-align: right;
  margin: 0px auto;
  border-top: 1px solid #455d58;
}
.app-mobile.theme-betmaxo .title-filter li {
  min-width: 85px;
  border-bottom: 1px solid #ccc;
}
.app-mobile.theme-betmaxo .match {
  background-color: #383838;
  margin-top: unset;
}
.app-mobile.theme-betmaxo .match-stream {
  background: #404040;
  overflow: hidden;
  position: relative;
  height: 205px;
}
.app-mobile.theme-betmaxo .match-stream.new {
  padding-bottom: calc(56% + 39px);
}
.app-mobile.theme-betmaxo .match-stream iframe {
  width: 100%;
  height: 100%;
  border: none;
  position: absolute;
}
.app-mobile.theme-betmaxo .match-widget.sticky iframe {
  position: fixed;
  right: 5px;
  top: 55px;
  width: 240px;
  height: 176px;
  box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.3);
  z-index: 100;
  background: #000;
}
.app-mobile.theme-betmaxo .match-widget.sticky .match-stream-close {
  display: block;
}
.app-mobile.theme-betmaxo .match-stream-close {
  position: fixed;
  right: 5px;
  top: 195px;
  background: url(../img/close.svg) no-repeat center;
  width: 36px;
  height: 36px;
  z-index: 110;
  display: none;
}
.app-mobile.theme-betmaxo .match-stats {
  height: 140px;
}
.app-mobile.theme-betmaxo .match-name {
  vertical-align: middle;
  font-size: 13px;
  line-height: 20px;
}
.app-mobile.theme-betmaxo .match-title {
  background: #585858;
  color: #cecece;
  line-height: 25px;
}
.app-mobile.theme-betmaxo .btn-search i {
  margin-right: 10px;
  color: #fff;
  font-size: 18px;
}
.app-mobile.theme-betmaxo .nav-buttons .btn {
  padding: 0;
  color: #dedede;
  border: none;
  outline: none;
  cursor: pointer;
  opacity: 1;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}
.app-mobile.theme-betmaxo .nav-buttons .btn .fas {
  font-size: 1.5rem;
}
.app-mobile.theme-betmaxo .sport-dates li a {
  background-color: #383838;
  color: #fff;
}
.app-mobile.theme-betmaxo .sport-dates li {
  border-right: none;
}
.app-mobile.theme-betmaxo .sport-dates {
  border: 1px solid #14805e;
  border-left: none;
  border-right: none;
  height: unset;
}
.app-mobile.theme-betmaxo .sport-dates .block {
  display: inline-block;
  vertical-align: middle;
}
.app-mobile.theme-betmaxo .sport-dates li a {
  padding: 10px;
  border-bottom: 3px solid transparent;
}
.app-mobile.theme-betmaxo .sport-dates li a.active {
  border-color: #fff;
  color: #fff;
}

/*# sourceMappingURL=main.css.map */