.con-scroll {
  float: left;
}

.scroll-terminal {
  width: max-content;
}

.oriz {
  border-color: transparent;
  background-color: transparent;
  height: 100px;
  outline: none;
  padding: 0;
  border: 0;
}
.oriz img {
  width: 26px;
  height: auto;
}
.oriz.left {
  float: left;
}
.oriz.right {
  position: absolute;
  right: 0;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

* {
  font-family: var(--font), sans-serif;
  letter-spacing: var(--letterSpacing);
}

body {
  width: 100vw;
  overflow-x: hidden;
}

img {
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: none;
}

button:disabled {
  opacity: 0.5;
}

fieldset {
  display: none;
}

.CehiaSvg {
  border-radius: 50%;
}

.SpainFlag {
  position: relative;
}
.SpainFlag svg {
  border-radius: 50%;
}
.SpainFlag img {
  position: absolute;
}

.TopWinners,
.RecentWinners {
  margin-bottom: 10px;
}

.green {
  color: #29882e;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

html {
  box-sizing: border-box;
  background-color: var(--background);
}
html::-webkit-scrollbar-track, html::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.txt_expired {
  text-align: center;
  font-size: 22px;
  color: var(--textColor);
}

.promotions .promo {
  background: dodgerblue;
  color: var(--textColor);
  padding: 10px 20px;
  width: fit-content;
  border-radius: 4px;
  margin-left: 20px;
  cursor: pointer;
}

.carousel .thumbs-wrapper {
  margin: 0 !important;
}

*,
*:after,
*:before {
  box-sizing: inherit;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar {
  width: 3px;
  background-color: var(--background);
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--dropDownColor) 90%, white);
  border-radius: var(--borderRadius);
}

#portal {
  position: absolute;
  top: 0;
  width: 100vw;
}

.Portal {
  z-index: 90001;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.Portal--ticketsStatus {
  width: 100vw;
  background: rgba(0, 0, 0, 0.2);
  z-index: 89999 !important;
}
.Portal--ticketsStatus .TicketsStatusUnfolded {
  width: 600px;
  max-width: unset;
  height: fit-content;
  min-height: 100px;
  position: absolute;
  left: calc(50% - 300px);
  padding: 30px 16px;
  margin: 0;
  box-shadow: 2px 10px 0px rgba(0, 0, 0, 0.25);
  color: var(--textColor);
  background: var(--background);
}
.Portal--ticketsStatus .TicketsStatusUnfolded table {
  width: 100%;
}
.Portal--ticketsStatus .TicketsStatusUnfolded__actions {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.Portal--ticketsStatus .TicketsStatusUnfolded__actions button {
  order: 2;
  width: 110px;
  max-width: 26vw;
  border-radius: var(--borderRadius);
  background-color: var(--clickableColor);
  border: none;
  padding: 9px 0;
  text-align: center;
  margin-right: 15px;
}
.Portal--ticketsStatus .TicketsStatusUnfolded__actions .continue {
  background: #37a25c;
  color: #ffffff;
}
.Portal--ticketsStatus .TicketsStatusUnfolded__actions .istoric {
  order: 1;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.Portal--regulations {
  width: 100vw;
  background: rgba(0, 0, 0, 0.2);
  z-index: 89999 !important;
}
.Portal--jackpotRules {
  width: 100vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2 !important;
}
.Portal--backgroundBlack {
  background: rgba(0, 0, 0, 0.3);
  z-index: 4 !important;
  position: fixed;
}

iframe {
  width: 100%;
  pointer-events: none;
  border-top-left-radius: var(--borderRadius);
  border-top-right-radius: var(--borderRadius);
}

button {
  outline: none;
}

.MuiInputBase-input.MuiInput-input {
  text-transform: capitalize;
}

.MuiTypography-overline {
  display: none;
}

.MuiDialog-root,
.MuiPickersBasePicker-container {
  z-index: 70000000 !important;
}
.MuiDialog-root .MuiPickersDay-daySelected,
.MuiDialog-root .MuiPickersDatePickerRoot-toolbar,
.MuiDialog-root .MuiPickersDay-daySelected:hover,
.MuiPickersBasePicker-container .MuiPickersDay-daySelected,
.MuiPickersBasePicker-container .MuiPickersDatePickerRoot-toolbar,
.MuiPickersBasePicker-container .MuiPickersDay-daySelected:hover {
  background-color: var(--winnersColor);
}
.MuiDialog-root .MuiButton-textPrimary,
.MuiPickersBasePicker-container .MuiButton-textPrimary {
  color: var(--winnersColor);
}
.MuiDialog-root .MuiPaper-root,
.MuiPickersBasePicker-container .MuiPaper-root {
  position: absolute;
  top: var(--datePickerTop);
  z-index: 70000000 !important;
}

.MuiInputBase-input {
  padding: 0 !important;
  font-size: var(--normalSize);
}

.MuiInput-underline:before,
.MuiInput-underline:after {
  content: none !important;
}

.app {
  width: 100vw;
  height: min-content;
}

.teaser img {
  width: 100%;
  display: block;
}

input.search-input::placeholder {
  opacity: 1;
  /* Firefox */
}

input {
  outline: none;
}

.container {
  overflow: hidden;
  margin: auto;
  font-size: 13px;
}

#root .expired:first-of-type {
  padding-top: 45vh;
}

.col-mid .notification {
  width: 100%;
  height: auto !important;
  margin: 10px 0px 10px 0px;
  text-align: center;
}
.col-mid .notification p {
  text-align: center;
  font-weight: 600;
  padding: 10px;
}

.Switch {
  position: relative;
}
.Switch rect {
  fill: var(--stepsOutlineColor);
  stroke: var(--stepsOutlineColor);
}
.Switch circle {
  transition: all 0.3s;
  transition-timing-function: ease-in-out;
  stroke: #e0e4ea;
  fill: #e0e4ea;
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.15));
}
.Switch circle.sun {
  stroke: #ffffff;
  fill: transparent;
}
.Switch--on circle {
  transform: translateX(24px);
  stroke: #ffd029 !important;
  fill: #ffd029 !important;
}

.Scroll {
  display: flex;
  width: 100%;
}
.Scroll__scrollButton {
  background: transparent;
}
.Scroll__scrollButton.left {
  transform: rotate(180deg);
}
.Scroll__list {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.Scroll__list::-webkit-scrollbar {
  display: none;
}
.Scroll__list > * {
  scroll-snap-align: start;
  flex-shrink: 0;
}
.Scroll__list > *:first-child {
  padding-left: 10px;
}
.Scroll__list .ghost {
  width: 16px;
  height: 100%;
}

.TopLotteriesWithScroll {
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.TopLotteriesWithScroll__legend {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
}
.TopLotteriesWithScroll__legend__bullet {
  width: 7px;
  height: 7px;
  background-color: var(--accentColor);
  margin-right: 10px;
  border-radius: 50%;
}
.TopLotteriesWithScroll__legend__bullet.active {
  opacity: 1;
}
.TopLotteriesWithScroll__legend__bullet.opacity5 {
  opacity: 0.5;
  width: 4px;
  height: 4px;
}
.TopLotteriesWithScroll__legend__bullet.opacity3 {
  opacity: 0.3;
  width: 3px;
  height: 3px;
}
.TopLotteriesWithScroll__legend__bullet.hidden {
  opacity: 0;
}
.TopLotteriesWithScroll__list {
  width: 100%;
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.TopLotteriesWithScroll__list::-webkit-scrollbar {
  display: none;
}
.TopLotteriesWithScroll__list .lottery-con {
  height: 110px;
  padding-left: 10px;
  margin-bottom: 10px;
  scroll-snap-align: start;
}
.TopLotteriesWithScroll__list .lottery {
  width: 100%;
  height: 110px;
  grid-template-columns: 65px 1fr;
  grid-template-rows: 72px 18px;
  column-gap: 0 !important;
  row-gap: 0;
  padding: 10px;
  border-radius: var(--borderRadius);
  box-sizing: border-box;
  overflow: hidden;
}
.TopLotteriesWithScroll__list .lottery .image-con {
  width: 100%;
  height: 100%;
}
.TopLotteriesWithScroll__list .lottery .lottery-details {
  position: relative;
}
.TopLotteriesWithScroll__list .lottery .lottery-name {
  width: 100%;
  font-size: var(--accentSize);
  line-height: 18px;
  overflow: visible;
}
.TopLotteriesWithScroll__list .lottery .RoundsCountDown {
  font-size: 14px;
}
.TopLotteriesWithScroll__list .lottery .RoundsCountDown__time {
  font-size: var(--infoSize) !important;
}
.TopLotteriesWithScroll__list .lottery.active--grecia {
  background: linear-gradient(270deg, #1448FF 0%, #0070FF 32.29%);
  opacity: 0.95;
  box-shadow: inset -10px -5px 100px rgba(0, 0, 0, 0.15);
}
.TopLotteriesWithScroll__list .lottery.active--italia {
  background: linear-gradient(270deg, #03A325 0%, #02B92A 32.29%);
  opacity: 0.95;
  box-shadow: inset -10px -5px 100px rgba(0, 0, 0, 0.15);
}
.TopLotteriesWithScroll__list .lottery.active--cehia {
  background: linear-gradient(270deg, #005FDA 31.25%, #E93B4D 84.9%);
}
.TopLotteriesWithScroll__list .lottery.active--croatia {
  background: linear-gradient(270deg, #005FDA 31.25%, #E93B4D 84.9%);
}
.TopLotteriesWithScroll__list .lottery.active--spania {
  background: linear-gradient(270deg, #F0BE18 15.62%, #DC3041 71.35%);
  opacity: 0.9;
}
.TopLotteriesWithScroll__list .lottery.active--ungaria {
  background: linear-gradient(270deg, #03794A 11.46%, #03B56E 59.37%);
}
.TopLotteriesWithScroll__list .lottery.active--slovacia {
  background: linear-gradient(270deg, #FC3E46 11.46%, #0567E3 75.52%);
}
.TopLotteriesWithScroll__list .lottery.active--polonia {
  background: linear-gradient(270deg, #FC5263 20.83%, #FF253B 82.81%);
}
.TopLotteriesWithScroll__list .lottery.active--letonia {
  background: linear-gradient(270deg, #E94D59 39.06%, #D24E59 88.02%);
}
.TopLotteriesWithScroll__list .lottery.active--franta {
  background: linear-gradient(270deg, #FC4C53 11.46%, #2849B6 59.37%);
}
.TopLotteriesWithScroll__list .lottery.active--finlanda {
  background: linear-gradient(270deg, #377FE4 52.6%, #0354C6 73.44%);
}
.TopLotteriesWithScroll__list .lottery.active--canada {
  background: linear-gradient(270deg, #E2081E 20.83%, #FC384B 82.81%);
  opacity: 0.9;
}
.TopLotteriesWithScroll__list .lottery.active--usa {
  background: linear-gradient(270deg, #B64650 39.06%, #32317B 88.02%);
}
.TopLotteriesWithScroll__list .lottery.active--islanda {
  background: linear-gradient(270deg, #E4485C 0%, #465BED 59.37%);
}
.TopLotteriesWithScroll__list .lottery.active--ue {
  background: linear-gradient(270deg, #0156FF 11.46%, #0046D3 59.37%);
  opacity: 0.9;
}
.TopLotteriesWithScroll__list .lottery.active--irlanda {
  background: linear-gradient(270deg, #FD7B38 0%, #23B978 59.37%);
  opacity: 0.95;
  box-shadow: inset -10px -5px 100px rgba(0, 0, 0, 0.15);
}
.TopLotteriesWithScroll__list .lottery.active--germania {
  background: linear-gradient(270deg, #F3CF39 0%, #E75600 66.15%, #DD0000 100%);
  opacity: 0.9;
}
.TopLotteriesWithScroll__list .lottery.active--austria {
  background: linear-gradient(270deg, #E2081E 20.83%, #FC384B 82.81%);
}
.TopLotteriesWithScroll__list .lottery.active--belgia {
  background: linear-gradient(270deg, #F9D101 31.25%, #882100 100%);
}
.TopLotteriesWithScroll__list .lottery.active--norvegia {
  background: linear-gradient(270deg, #E2081E 20.83%, #FC384B 82.81%);
}
.TopLotteriesWithScroll__list .lottery.active--danemarca {
  background: linear-gradient(270deg, #E2081E 20.83%, #FC384B 82.81%);
}
.TopLotteriesWithScroll__list .lottery.active--slovenia {
  background: linear-gradient(270deg, #005FDA 41.67%, #ED051C 84.9%);
  opacity: 0.8;
}
.TopLotteriesWithScroll__list .lottery.active--australia {
  background: linear-gradient(270deg, #0156FF 11.46%, #2540FF 59.37%);
}
.TopLotteriesWithScroll__list .lottery.active--singapore {
  background: linear-gradient(270deg, #E2081E 20.83%, #EB6872 82.81%);
}
.TopLotteriesWithScroll__list .lottery.active--turcia {
  background: linear-gradient(270deg, #E2081E 20.83%, #EB6872 82.81%);
}
.TopLotteriesWithScroll__list .lottery.active--bosnia_si_hertegovin {
  background: linear-gradient(270deg, #FFC803 0%, #3750FF 46.87%);
}
.TopLotteriesWithScroll__list .lottery.active--elvetia {
  background: linear-gradient(270deg, #E2081E 20.83%, #D52B1E 82.81%);
}
.TopLotteriesWithScroll__list .lottery.active--marea_britanie {
  background: linear-gradient(240.51deg, #CF142B 17.24%, #00247D 56.87%);
  opacity: 0.9;
}
.TopLotteriesWithScroll__list .lottery.active--islanda {
  background: linear-gradient(270deg, #E4485C 0%, #465BED 59.37%);
}
.TopLotteriesWithScroll__list .lottery.active--rsa {
  background: linear-gradient(313.54deg, #000000 30.59%, #438946 61.59%);
}
.TopLotteriesWithScroll__list::-webkit-scrollbar {
  display: none;
}
.TopLotteriesWithScroll__scrollButton {
  width: 25px;
  height: 100%;
  background: transparent;
}
.TopLotteriesWithScroll__scrollButton.left {
  transform: rotateY(180deg);
}

.ScrollButtons {
  width: fit-content !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ScrollButtons__scroll {
  width: 44px;
  height: 4px;
  background: var(--dashColor);
  border-radius: var(--borderRadius);
  border: none;
  padding: 0;
}
.ScrollButtons__scroll--active {
  background: var(--background) !important;
  filter: invert(1);
  border-radius: var(--borderRadius);
}
.ScrollButtons--row {
  margin: auto;
}
.ScrollButtons--row .ScrollButtons__scroll {
  margin-left: 5px;
}
.ScrollButtons--column {
  flex-direction: column;
  margin-left: 0;
  padding-top: 25%;
  height: fit-content;
}
.ScrollButtons--column .ScrollButtons__scroll {
  margin-left: 0;
  margin-top: 5px;
}
.ScrollButtons--column .ScrollButtons__scroll--active {
  height: 16px !important;
  width: 5px !important;
}

.con-popUp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 90000;
  overflow: auto;
}
.con-popUp .tableContainer {
  height: 608px;
  overflow-y: auto;
  margin-bottom: 40px;
}
.con-popUp .popUp {
  right: 40px;
  display: table;
  max-width: 70%;
  margin: auto;
  margin-top: 90px;
  overflow: auto;
  z-index: 3000;
  background: var(--winnersColor);
  color: var(--textColor);
}
.con-popUp .popUp.rounds {
  right: 32px;
}
.con-popUp .popUp .pariuri {
  width: 54.2vw;
}
.con-popUp .popUp .runde {
  width: 54.2vw;
}
.con-popUp .popUp .runde .runde-child .con-title .popup-title2 {
  font-weight: 500;
}
.con-popUp .popUp .runde .runde-child .con-title .popup-title2 span {
  font-size: var(--normalSize);
  padding: 15px 0px;
}
.con-popUp .popUp .runde .runde-child .con-title .popup-title,
.con-popUp .popUp .runde .runde-child .con-title .popup-title2 {
  max-height: 50px;
  line-height: 48px;
  padding: 0px 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.con-popUp .popUp .runde .runde-child .pagination {
  margin-bottom: 0px;
  top: -25px;
}
.con-popUp .popUp .popUp-Content {
  display: -ms-grid;
  display: grid;
}
.con-popUp .popUp .popUp-Content img#info-img {
  width: 12px;
  top: -3px;
  left: 1px;
}
.con-popUp .popUp div {
  line-height: initial;
}
.con-popUp .popUp .popup-title {
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: var(--textColor);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  z-index: 1;
}
.con-popUp .popUp .popup-title span:last-child,
.con-popUp .popUp .popup-title button {
  background: transparent;
  border: none;
  float: right;
}
.con-popUp .popUp .popup-title span:last-child:hover,
.con-popUp .popUp .popup-title button:hover {
  cursor: pointer;
}
.con-popUp .popUp .popup-filtre {
  height: 100px;
  padding: 0;
  margin-bottom: 10px;
}
.con-popUp .popUp .popup-filtre select,
.con-popUp .popUp .popup-filtre input {
  border: 0;
}
.con-popUp .popUp .popup-filtre .filtru {
  float: left;
  width: 25%;
}
.con-popUp .popUp .popup-filtre .filtru span {
  display: block;
  padding-left: 3px;
}

.pagination {
  margin: auto;
  display: table;
  margin-bottom: 20px;
}
.pagination__buttons {
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination__buttons button {
  position: relative;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  background: none;
  background-size: contain;
  margin: 0 10px;
}
.pagination__buttons button.arrowBack svg {
  transform: rotate(180deg);
}

.toggleButton {
  width: fit-content;
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--textColor);
  font-weight: 400;
  border: none;
  border-radius: 0;
  font-size: var(--infoSize);
  padding: 0 5px;
  background-color: transparent;
}
.toggleButton svg {
  transform: rotate(90deg);
  margin-left: 10px;
}
.toggleButton--opened svg {
  transform: rotate(-90deg);
}

.toggleButton--mobile {
  position: absolute;
  top: -7px;
  right: 2px;
}
.toggleButton--mobile img {
  width: 12px;
  filter: invert(1);
}

.TicketStatusLimitAchieved {
  width: 100vw;
  height: 100vh;
  z-index: 10002;
  color: #e1e1e1;
  bottom: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.TicketStatusLimitAchieved .popUp-Content {
  margin-top: 60vw;
}
.TicketStatusLimitAchieved .win-array-cont {
  display: none;
}
.TicketStatusLimitAchieved__popUp {
  min-width: 50%;
  max-width: 90%;
  min-height: 100px;
  margin: auto;
  margin-left: 25vw;
  margin-top: 10vw;
  background: white;
  padding-bottom: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.TicketStatusLimitAchieved__popUp h2 {
  text-align: center;
  font-size: var(--selectedSize);
}
.TicketStatusLimitAchieved__popUp table {
  margin-bottom: 0 !important;
}
.TicketStatusLimitAchieved__popUp__ticket {
  display: flex;
  padding: 0 20px;
  justify-content: center;
}
.TicketStatusLimitAchieved__popUp__ticket p {
  margin-right: 5px;
}
.TicketStatusLimitAchieved__popUp__errorMessage {
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding: 20px 10px;
  color: #cc0000;
  color: #e1e1e1;
  font-size: var(--normalSize);
  font-weight: 100;
}
.TicketStatusLimitAchieved__popUp__actions {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  padding-top: 10px;
}
.TicketStatusLimitAchieved__popUp__actions button,
.TicketStatusLimitAchieved__popUp__actions a {
  color: var(--textColor);
  border: 1px solid #f6f8f9;
  background: transparent;
  height: 32px;
  line-height: 18px;
  padding: 8px;
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: 700;
}
.TicketStatusLimitAchieved__popUp__actions button:visited,
.TicketStatusLimitAchieved__popUp__actions a:visited {
  color: var(--textColor);
}
.TicketStatusLimitAchieved__popUp__actions .continue {
  color: var(--textColor);
  background-color: #000;
  border-radius: var(--borderRadius);
  line-height: 0;
  border: none;
  padding: 0px 20px;
}
.TicketStatusLimitAchieved__popUp__actions .istoric {
  color: black;
  background-color: #ffffff;
  border-radius: var(--borderRadius);
  line-height: 0;
  padding: 0px 20px;
}
.TicketStatusLimitAchieved table tr td:nth-child(2),
.TicketStatusLimitAchieved table tr th:nth-child(2) {
  width: 25%;
}
.TicketStatusLimitAchieved table tr td:nth-child(3),
.TicketStatusLimitAchieved table tr th:nth-child(3) {
  width: 40%;
}
.TicketStatusLimitAchieved .TicketsHistoryTable__tab {
  padding: 10px 0;
  text-transform: uppercase;
  font-weight: 100;
}
.TicketStatusLimitAchieved .TicketsHistoryTable__tab__title {
  padding: 0px 20px;
}
.TicketStatusLimitAchieved .TicketsHistoryTable__tab__title > div {
  line-height: 15px;
}
.TicketStatusLimitAchieved table tr th {
  text-transform: capitalize;
  font-weight: 100;
}

.TicketsHistoryTable__status {
  text-transform: capitalize;
}
.TicketsHistoryTable__status__error {
  color: red;
}
.TicketsHistoryTable__status__succes {
  color: green;
}
.TicketsHistoryTable .con-popUp .popUp table tr td,
.TicketsHistoryTable .con-popUp .popUp table tr th {
  font-size: var(--infoSize);
}

.overlayScroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: transparent;
}

.CurrentTicketDetails {
  height: 34px;
  display: grid;
  grid-template-columns: minmax(70px, max-content) 1fr;
  grid-template-rows: minmax(17px, 34px) minmax(17px, 34px);
  font-weight: 300;
  font-size: var(--infoSize);
  color: var(--stepsTextColor);
  text-transform: lowercase;
  margin-bottom: 13px !important;
}
.CurrentTicketDetails__detail {
  align-self: center;
  justify-self: start;
}
.CurrentTicketDetails__detail__stake, .CurrentTicketDetails__detail__odd {
  text-transform: uppercase;
}
.CurrentTicketDetails__detail span {
  font-weight: 700;
  text-transform: lowercase;
}
.CurrentTicketDetails .Stake {
  grid-row: 1/3;
  grid-column: 2;
  align-self: center;
  justify-self: end;
}

.Loading {
  background: transparent;
  height: 100%;
  width: 100%;
}
.Loading .lds-ripple {
  position: relative;
  top: calc(50% - 128px);
  margin: auto;
  width: 128px;
  height: 128px;
}
.Loading .lds-ripple div {
  position: absolute;
  border: 4px solid #ffffff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.Loading .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

.DropDown {
  position: relative;
  z-index: 1000;
}
.DropDown--disabled {
  opacity: 0.5 !important;
}
.DropDown--opened:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}
.DropDown--opened .DropDown__header {
  border-bottom: none !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.DropDown--opened .DropDown__header__arrow svg {
  transform: rotate(-180deg);
}
.DropDown--opened .DropDown__menu {
  display: block;
  will-change: auto;
  border-top: none !important;
  top: 39px;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  z-index: 20000;
}
.DropDown--opened .DropDown__menu__option {
  height: 25px;
  line-height: 25px;
}
.DropDown__header {
  width: 100%;
  height: 100%;
  display: grid;
  justify-items: center;
  align-items: center;
  grid-template-columns: 30px 1fr;
  grid-template-rows: 1fr;
  z-index: 1001;
  background: var(--dropDownColor);
  border-radius: var(--borderRadius);
  color: var(--textColor);
}
.DropDown__header__value {
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--accentSize);
}
.DropDown__header__arrow {
  z-index: 1003;
  transform: rotate(90deg);
}
.DropDown__header__arrow img {
  transform: scale(0.7);
}
.DropDown__menu {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: fit-content;
  z-index: 2000;
  display: flex;
  flex-direction: column;
  overflow: visible;
  overflow-y: auto;
  z-index: 1002;
}
.DropDown__menu button {
  border: none;
  background-color: transparent;
  text-align: center;
  padding: 0;
}
.DropDown__menu__option {
  text-align: center;
  display: flex;
  align-items: center;
  z-index: 1003;
}

.ticketMessage {
  width: calc(100% - var(--stepsMargin) * 2);
  height: fit-content;
  min-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 5px;
  margin: 0 var(--stepsMargin);
  font-weight: 400;
  font-size: var(--infoSize);
  text-align: center;
  color: var(--textColor);
}
.ticketMessage--succes, .ticketMessage--eligible {
  background: #61d567;
  color: var(--textColor);
}
.ticketMessage--error, .ticketMessage--rejected, .ticketMessage--14 {
  background: var(--accentColor);
  color: var(--textColor);
}
.ticketMessage--warning {
  background: #f3d113;
  color: #1d2025;
}

.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9000;
  display: none;
}
.loading.active {
  display: block;
}

input[type=number]:focus {
  outline: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

.event .LineGuide__ball {
  display: block;
}

.WinnersList {
  width: 100%;
  height: 80px;
}
.WinnersList__title {
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 7px;
  font-weight: 300;
  font-size: var(--accentSize);
  color: var(--textColor);
}
.WinnersList__title img {
  height: 21px;
  width: 21px;
  margin-right: 13px;
}
.WinnersList__list {
  width: 100%;
  height: 50px;
  display: -webkit-inline-box;
  overflow-y: hidden;
  overflow-x: auto;
}
.WinnersList__list::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.WinnersList__list__winner {
  width: 165px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--borderRadius);
  padding: 10px 11px 8px 12px;
  margin-right: 5px;
  background: var(--winnersColor);
}
.WinnersList__list__winner--newEntry {
  background: #29882e !important;
}
.WinnersList__list__winner__userName, .WinnersList__list__winner__amount {
  width: fit-content;
  height: calc(var(--infoSize) + 2px);
  font-weight: 500;
  font-size: var(--infoSize);
  color: var(--textColor);
}
.WinnersList__list__winner__userName {
  min-width: 35%;
  max-width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.WinnersList__list__winner__amount {
  text-align: right;
  min-width: 35%;
}
.WinnersList__list__winner__amount span {
  text-transform: capitalize;
}
.WinnersList__list__winner__lottery, .WinnersList__list__winner__date {
  width: 50%;
  font-weight: 300;
  font-size: 8px;
  color: var(--accentColor);
}
.WinnersList__list__winner__lottery {
  height: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.WinnersList__list__winner__date {
  text-align: right;
}

div,
button,
span {
  user-select: none;
}

button {
  border: none;
}

.lottery {
  position: relative;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-template-rows: 55px 1fr;
  row-gap: 15px;
  column-gap: 8px;
  padding: 9px 9px 13px 11px;
  border: none;
  background-color: var(--clickableColor);
}
.lottery--empty {
  background: transparent;
}
.lottery .lottery-name {
  width: 100%;
  color: var(--textColor);
  font-size: var(--normalSize);
  line-height: 16px;
  text-align: right;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  overflow: visible;
}
.lottery .lottery-name span {
  font-size: 10px;
}
.lottery .lottery-name--multipleRow {
  position: relative;
  height: fit-content;
}
.lottery .lottery-name--multipleRow span {
  position: absolute;
  bottom: -13px;
  right: 0;
}
.lottery .lottery-name--simplified span {
  margin-left: 2px;
}
.lottery .lottery-name.hasLongWord .lottoDetails div {
  font-size: 11px !important;
}
.lottery .lottery-name.freqBannerCon {
  position: relative;
  height: 100%;
}
.lottery .lottery-name.freqBannerCon .lottoDetails {
  position: relative;
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
}
.lottery .lottery-name.freqBannerCon .lottoDetails span {
  position: unset;
}
.lottery .lottery-name .lottoFreq {
  position: absolute;
  bottom: 0px;
  right: -9px;
  width: 90px;
  height: 18px;
  line-height: 18px;
  border-radius: 20px;
  background: var(--newLottoBannerBackground);
  color: var(--newLottoBannerColor);
  text-transform: lowercase;
  font-size: 11px;
  text-align: center;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  letter-spacing: 0.1px;
}
.lottery .icon-con {
  align-self: center;
  justify-self: end;
  width: 100%;
  display: flex;
  align-items: center;
  width: fit-content;
  justify-content: center;
  font-weight: 300;
  font-size: var(--infoSize);
  color: var(--textColor);
}
.lottery .live-container {
  justify-self: start;
  height: 100%;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 23px;
}
.lottery .live-container .RoundsCountDown {
  position: relative;
  width: 100% !important;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.lottery .live-container .RoundsCountDown__time {
  position: relative;
  font-weight: 300 !important;
  font-size: 10px;
}
.lottery .live-container .RoundsCountDown__time:after {
  position: absolute;
  content: "";
  bottom: calc(50% - 4px);
  left: -13px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accentColor);
}
.lottery .live-lot {
  float: unset;
  width: 10px;
  height: 13px;
  margin-right: 5px;
}
.lottery.active {
  color: var(--textColor);
}
.lottery.active .lottery-name,
.lottery.active .RoundsCountDown__time,
.lottery.active .icon-con,
.lottery.active .RoundsCountDown__time,
.lottery.active .icon-con {
  color: var(--accBackTextColor);
}
.lottery.active .country-icon {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
  border-radius: 50%;
}

.container {
  display: flex;
  flex-direction: column;
  font-family: var(--font);
}
.container .FutureCustom .DropDown {
  width: 78px;
}
.container .FutureCustom .DropDown--selected .DropDown__header__value {
  font-weight: 700;
  font-size: var(--selectedSize);
}
.container .FutureCustom .DropDown--opened .DropDown__header {
  background-color: var(--stepsClickebleColor);
}
.container .FutureCustom .DropDown--opened .DropDown__menu {
  top: 32px !important;
  background-color: var(--stepsClickebleColor);
  border-radius: var(--borderRadius);
  padding-bottom: 10px;
}
.container .FutureCustom .DropDown--opened .DropDown__menu::-webkit-scrollbar-track {
  background: var(--stepsClickebleColor);
}
.container .FutureCustom .DropDown--opened .DropDown__menu__option {
  height: 30px;
  font-size: var(--normalSize);
}
.container .FutureCustom .DropDown--opened .DropDown__menu__option--selected {
  font-weight: 700;
  font-size: var(--normalSize);
}
.container .FutureCustom .DropDown--opened .DropDown__menu__option button {
  height: 30px;
  flex-grow: 1;
  color: var(--stepsTextColor);
  padding-left: 8px;
}
.container .FutureCustom .DropDown--opened .DropDown__menu__option button:disabled {
  opacity: 0.5;
}
.container .FutureCustom .DropDown__header {
  height: 32px;
  flex-direction: row;
  border-radius: var(--borderRadius);
  background: var(--stepsClickebleColor);
  padding-right: 32px;
}
.container .FutureCustom .DropDown__header__value {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: var(--accentSize);
  color: var(--stepsTextColor);
  padding: 0;
}
.container .FutureCustom .DropDown__header__arrow {
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.container .RoundsWithFuture__pagination__custom .DropDown__header {
  padding-right: 17px !important;
}
.container .RoundsWithFuture__pagination__custom .DropDown__header__arrow {
  width: 24px !important;
}
.container input {
  font-size: var(--accentSize) !important;
}
.container .col-mid .FavoriteNumbersEditor {
  width: 100%;
  height: 60px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0 0 0;
}
.container .col-mid .FavoriteNumbersEditor--hide {
  visibility: hidden;
}
.container .col-mid .FavoriteNumbersEditor .addFav {
  width: fit-content;
  min-width: 80px;
  height: 33px;
  font-weight: 500;
  color: var(--stepsTextColor);
  font-size: var(--infoSize) !important;
  margin: 0;
  padding: 0 10px;
  background: var(--stepsClickebleColor);
  border-radius: var(--borderRadius);
}
.container .col-mid .FavoriteNumbersEditor .addFav:active {
  background-color: transparent !important;
}
.container .col-mid .FavoriteNumbersEditor .fav {
  flex-grow: 1;
  max-width: 215px;
  width: 40% !important;
  height: 33px;
  display: flex;
  justify-content: space-between !important;
  font-weight: 700;
  color: var(--textColor);
  border: none;
  padding: 0 !important;
}
.container .col-mid .FavoriteNumbersEditor .fav.inactive {
  opacity: 0.5;
  pointer-events: none;
}
.container .col-mid .FavoriteNumbersEditor .fav .DropDown {
  width: 100%;
  height: 33px;
  border-radius: var(--borderRadius);
  margin-left: 0;
}
.container .col-mid .FavoriteNumbersEditor .fav .DropDown__header {
  border-radius: var(--borderRadius);
  padding: 0;
  padding-left: 0;
  background: var(--stepsClickebleColor) !important;
  color: var(--stepsTextColor);
}
.container .col-mid .FavoriteNumbersEditor .fav .DropDown__header__value {
  font-size: var(--infoSize);
}
.container .col-mid .FavoriteNumbersEditor .fav .DropDown__header__text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.container .col-mid .FavoriteNumbersEditor .fav .DropDown--opened {
  background-color: var(--dropDownColor);
}
.container .col-mid .FavoriteNumbersEditor .fav .DropDown--opened .DropDown__header,
.container .col-mid .FavoriteNumbersEditor .fav .DropDown--opened .DropDown__menu {
  background-color: var(--dropDownColor);
}
.container .col-mid .FavoriteNumbersEditor .fav .DropDown__menu {
  max-height: 240px;
  border-radius: var(--borderRadius);
  background: var(--stepsClickebleColor) !important;
}
.container .col-mid .FavoriteNumbersEditor .fav .DropDown__menu__option {
  display: flex;
  flex-wrap: wrap;
  min-height: 25px;
  max-height: 50px;
  height: fit-content;
  margin-bottom: 20px;
  padding: 0 20px 0 16px;
  color: var(--stepsTextColor);
}
.container .col-mid .FavoriteNumbersEditor .fav .DropDown__menu__option span {
  height: 13px;
  line-height: 13px;
  font-size: var(--infoSize);
  font-weight: 400;
  color: var(--stepsTextColor);
}
.container .col-mid .FavoriteNumbersEditor .fav .DropDown__menu__option__delete {
  flex-grow: 1;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.container .col-mid .FavoriteNumbersEditor .fav .DropDown__menu__option__delete button {
  width: fit-content;
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  color: var(--stepsTextColor);
  text-transform: lowercase;
}
.container .col-mid .CreateTicket {
  position: relative;
  padding: 0 var(--stepsMargin);
}
.container .col-mid .CreateTicket--legend {
  position: relative;
  top: -18px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 var(--stepsMargin) 0 0;
}
.container .col-mid .CreateTicket--legend .status {
  width: 50px;
  font-size: var(--infoSize);
  height: var(--infoSize);
}
.container .col-mid .CreateTicket--legend .status--cold:before {
  right: -10px;
  left: unset;
  background-color: #609fec;
}
.container .col-mid .CreateTicket--legend .status--hot:before {
  right: -10px;
  left: unset;
  background-color: #ff5722;
}
.container .col-mid .main {
  position: relative;
  background: transparent;
}
.container .col-mid .main .con-bile {
  position: relative;
  width: 100%;
  display: grid;
  align-items: center;
  justify-items: center;
  grid-auto-rows: max(var(--activeBallDimension), var(--ballDimension));
  row-gap: var(--statisticFontSize);
}
.container .col-mid .main .con-bile .ExpiredAlert {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 5px);
  height: calc(100% + 10px);
  padding: 0 27px;
}
.container .col-mid .main .con-bile-tr {
  position: relative;
  background: var(--stepsBackground);
  padding-top: 0 !important;
  margin: 0 14px;
  border-radius: var(--sectionsRadius);
  z-index: 5;
}
.container .col-mid .main .con-bile-tr .ticketTitle {
  border-top-left-radius: var(--sectionsRadius);
  border-top-right-radius: var(--sectionsRadius);
  background: var(--stepsBackground);
}
.container .col-mid .main .con-random-numbers {
  width: 100%;
  height: 60px;
  display: grid;
  grid-template-columns: calc(100% - 60px) 60px;
  grid-template-rows: 60px;
  grid-template-areas: unset;
  align-items: center;
  column-gap: 0.5%;
  row-gap: 4px;
  background: var(--stepsBackground);
  padding: 0 0 0 12px;
  border-radius: var(--sectionsRadius);
}
.container .col-mid .main .con-random-numbers .Scroll__list {
  scrollbar-width: none;
}
.container .col-mid .main .con-random-numbers .randomBtn {
  width: 40px !important;
  height: 30px !important;
  border-radius: var(--borderRadius);
  border: 0;
  font-weight: 300;
  font-size: var(--normalSize);
  color: var(--stepsTextColor);
  margin: 0;
  transition: all 0.3s ease-in-out;
  padding: 0;
  background: transparent;
}
.container .col-mid .main .con-random-numbers .randomBtn.active {
  font-weight: 700;
  background: var(--accentColor);
  color: var(--accBackTextColor);
}
.container .col-mid .main .con-random-numbers .refresh {
  grid-area: unset;
  width: 28px !important;
  height: 100% !important;
  padding: 0 0;
  justify-self: center;
  border: none;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}
.container .col-mid .main .con-random-numbers .refresh:active {
  background-color: transparent;
}
.container .col-mid .main .con-random-numbers .refresh img {
  width: 30px;
}
.container .col-mid .main .RandomAndStatisticsMobile {
  position: relative;
  width: calc(100% - 30px);
  margin: 0 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 10px 0;
}
.container .col-mid .main .RandomAndStatisticsMobile > div {
  width: 100%;
}
.container .col-mid .main .RandomAndStatisticsMobile__headerBtn {
  width: fit-content !important;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: none;
  text-align: center;
  color: var(--flagTextColor);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  padding: 0;
  background: transparent;
}
.container .col-mid .main .RandomAndStatisticsMobile__headerBtn--active {
  font-weight: 700;
}
.container .col-mid .main .RandomAndStatisticsMobile__headerBtn img {
  width: 20px;
}
.container .col-mid .main .RandomAndStatisticsMobile__headerBtn.random {
  margin-left: 30px;
  flex-grow: 1;
}
.container .col-mid .main .RandomAndStatisticsMobile__headerBtn.random img {
  margin-right: 9px;
}
.container .col-mid .main .RandomAndStatisticsMobile__headerBtn.statistics {
  margin-right: 30px;
}
.container .col-mid .main .RandomAndStatisticsMobile__headerBtn.statistics img {
  margin-left: 9px;
}
.container .col-mid .main .RandomAndStatisticsMobile__toggleBar {
  width: 20px;
  height: 20px;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  margin-right: 4%;
  background-image: url(../img/icon/arrow.png);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.2s ease-in-out;
}
.container .col-mid .main .RandomAndStatisticsMobile__toggleBar--opened {
  transform: rotateX(180deg);
}
.container .col-mid .main .RandomAndStatisticsMobile__toggleBar img {
  width: 10px;
}
.container .col-mid .main .RandomAndStatisticsMobile .random.RandomAndStatisticsMobile__headerBtn--active img {
  transform: rotate(180deg);
}
.container .col-mid .main .RandomAndStatisticsMobile .cancel-selection:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics {
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 74px 74px 120px 30px;
  background-color: var(--stepsBackground);
  text-align: left;
  padding: 23px 30px 15px 30px;
  border-radius: var(--sectionsRadius);
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-style: normal;
  font-weight: 300;
  font-size: var(--infoSize);
  line-height: 18px;
  color: var(--stepsTextColor);
  margin-bottom: 1px;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__title span {
  text-transform: lowercase;
  margin-left: 3px;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__title__number {
  font-weight: 700;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 20px;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers__error {
  text-align: center;
  color: var(--infoColor);
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers .bila {
  width: 35px !important;
  height: 35px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 700;
  font-size: var(--normalSize);
  color: var(--stepsTextColor);
  background-color: transparent;
  text-align: center;
  will-change: font-size;
  margin: 0 !important;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers .bila.bila-active {
  background: transparent !important;
  font-size: var(--headerSize) !important;
  color: var(--stepsTextColor) !important;
  line-height: var(--activeBallDimension) !important;
  border-radius: unset;
  overflow: visible;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers .bila.bila-active .Statistics__numbers__freq {
  display: none;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers__freq {
  position: absolute;
  width: 100%;
  height: 15px;
  line-height: 15px;
  z-index: 15;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  color: var(--textColor);
  border-radius: 50%;
  margin-bottom: 2px;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers__pair {
  width: 60px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background-color: transparent;
  border: none;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers__pair.active .bila:first-child {
  margin-right: 6px !important;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers__pair.active .Statistics__numbers__freq {
  display: none;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers__pair .bila {
  width: 35px !important;
  min-width: unset;
  min-height: unset;
  margin: 0 !important;
  border-radius: 0 !important;
  text-align: left;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers__pair .bila:first-child {
  text-align: right;
  margin-right: 10px !important;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers__pair .over {
  margin-left: 6px;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__rare {
  grid-column: 1/3;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__rare img {
  width: 18px;
  margin-right: 5px;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__rare .Statistics__numbers__freq {
  top: -4px;
  left: 0;
  color: #609fec;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__freq {
  grid-column: 1/3;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__freq img {
  width: 12px;
  margin-right: 5px;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__freq .Statistics__numbers__freq {
  top: -4px;
  left: 0;
  color: #ff5722;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__freqPairs .Statistics__title, .container .col-mid .main .RandomAndStatisticsMobile .Statistics__successivePairs .Statistics__title {
  justify-content: center;
  margin-bottom: 3px;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__freqPairs .Statistics__numbers, .container .col-mid .main .RandomAndStatisticsMobile .Statistics__successivePairs .Statistics__numbers {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 1fr 1fr;
  column-gap: 5px;
  align-items: center;
  justify-items: center;
  padding-left: 0;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__freqPairs .Statistics__numbers__pair, .container .col-mid .main .RandomAndStatisticsMobile .Statistics__successivePairs .Statistics__numbers__pair {
  width: 65px;
  padding: 0;
  margin-bottom: 20px;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__freqPairs .Statistics__numbers__pair .bila, .container .col-mid .main .RandomAndStatisticsMobile .Statistics__successivePairs .Statistics__numbers__pair .bila {
  width: 30px !important;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__freqPairs .Statistics__numbers__pair .bila:first-child, .container .col-mid .main .RandomAndStatisticsMobile .Statistics__successivePairs .Statistics__numbers__pair .bila:first-child {
  justify-content: flex-end;
  margin-right: 5px !important;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__freqPairs .Statistics__numbers__pair .bila:last-child, .container .col-mid .main .RandomAndStatisticsMobile .Statistics__successivePairs .Statistics__numbers__pair .bila:last-child {
  justify-content: flex-start;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__freqPairs {
  grid-column: 1;
  position: relative;
  left: -25px;
  width: calc(100% + 25px);
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__freqPairs .Statistics__numbers {
  justify-content: center;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__freqPairs .Statistics__numbers__freq {
  bottom: 0;
  top: -2px;
  left: 4px;
  color: #3f56f2;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__successivePairs {
  grid-column: 2;
  width: calc(100% + 25px);
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__successivePairs .Statistics__numbers__freq {
  top: -2px;
  left: 4px;
  color: #a74184;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__extraInfo {
  grid-column: 1/3;
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: 10px;
  color: var(--stepsTextColor);
  padding-top: 10px;
  text-align: center;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__extraInfo div:first-child {
  flex-grow: 1;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__extraInfo span {
  text-transform: lowercase;
}
.container .col-mid .main .RandomAndStatisticsMobile .Statistics__extraInfo span:first-child {
  font-weight: 700;
}
.container .col-mid .PayTable {
  position: relative;
  height: fit-content;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 0 14px 0 14px;
  background: var(--stepsBackground);
  padding: 0 0 24px 0;
  border-radius: var(--sectionsRadius);
  transition: height 2s ease-in;
  z-index: 1;
}
.container .col-mid .PayTable--empty {
  min-height: 400px;
}
.container .col-mid .PayTable__rowsCon {
  position: relative;
  height: calc(100% - 40px);
  min-height: 230px;
  border: 1px solid var(--stepsOutlineColor);
  border-radius: var(--borderRadius);
  padding: 5px 0 15px 0;
}
.container .col-mid .PayTable__systems {
  width: 83px;
  margin: 0 0 0 var(--stepsMargin);
}
.container .col-mid .PayTable__systems .PayTable__header {
  padding: 0 !important;
}
.container .col-mid .PayTable__systems .PayTable__rows__row {
  grid-template-columns: 75px;
}
.container .col-mid .PayTable__odds {
  position: relative;
  width: calc(100% - 83px - var(--stepsMargin) * 2 - 10px);
  border-radius: var(--borderRadius);
  margin: 0 var(--stepsMargin) 0 10px;
}
.container .col-mid .PayTable__odds .PayTable__rowsCon {
  padding: 5px 0 50px 0;
}
.container .col-mid .PayTable__odds .PayTable__rows__row {
  height: 40px;
  overflow: hidden;
  padding: 0;
  grid-template-columns: 0.7fr 1fr 1.3fr;
}
.container .col-mid .PayTable__odds .PayTable__odds__info {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  font-size: 8px;
  color: var(--infoColor);
  text-align: center;
}
.container .col-mid .PayTable .TicketSeparator {
  position: absolute;
}
.container .col-mid .PayTable .blurForExpired {
  filter: blur(100px);
}
.container .col-mid .PayTable div,
.container .col-mid .PayTable button {
  transition: all 0.2s ease-in-out;
  will-change: transition;
}
.container .col-mid .PayTable > .PayTable__header {
  margin-bottom: 10px;
}
.container .col-mid .PayTable__header {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 26px 16px 0 16px;
  font-size: var(--infoSize) !important;
  z-index: 10001;
}
.container .col-mid .PayTable__header__title, .container .col-mid .PayTable__header__stake {
  width: fit-content;
  display: flex;
  align-items: center;
}
.container .col-mid .PayTable__header__title {
  height: fit-content;
  min-height: var(--headerSize);
  font-weight: 700;
  font-size: var(--headerSize);
  color: var(--stepsTextColor);
}
.container .col-mid .PayTable__header__stake {
  height: var(--selectedSize);
  font-weight: 500;
  font-size: var(--infoSize);
  color: var(--stepsTextColor);
}
.container .col-mid .PayTable__header__stake .Stake {
  height: 100%;
}
.container .col-mid .PayTable__rows {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.container .col-mid .PayTable__rows.blurForExpired {
  flex-grow: 1;
  min-height: 200px;
}
.container .col-mid .PayTable__rows__row {
  display: grid;
  grid-template-rows: 40px;
  grid-template-columns: 110px 1.5fr 1.5fr 2fr;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: var(--infoSize);
  color: var(--stepsTextColor);
  font-weight: 400;
}
.container .col-mid .PayTable__rows__row > div {
  height: 100%;
}
.container .col-mid .PayTable__rows__row--selected {
  color: var(--textColor);
  font-weight: 700;
}
.container .col-mid .PayTable__rows__row--selected .PayTable__rows__row__system div {
  background: var(--accentColor);
  color: var(--accBackTextColor);
  border-radius: 5px;
}
.container .col-mid .PayTable__rows__row--selected .PayTable__rows__row__system div:hover {
  background: var(--accentColor);
  color: var(--accBackTextColor);
}
.container .col-mid .PayTable__rows__row--info {
  width: 100%;
  grid-template-rows: 20px;
}
.container .col-mid .PayTable__rows__row__system {
  min-width: 78px;
  height: 100%;
  color: var(--stepsTextColor);
  line-height: 13px;
  background: transparent;
  border: none;
  padding: 7px 1px;
}
.container .col-mid .PayTable__rows__row__system div {
  width: 73px;
  height: 30px;
  line-height: 30px;
}
.container .col-mid .PayTable__rows__row__hits {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .col-mid .PayTable__rows__row__hits div {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: var(--accentColor);
  color: var(--accBackTextColor);
  border-radius: 50%;
  font-weight: 700;
  font-size: var(--normalSize);
}
.container .col-mid .PayTable__rows__row__odd {
  line-height: 40px;
}
.container .col-mid .PayTable__rows__row__win {
  height: 100%;
  line-height: 40px;
  overflow: hidden;
}
.container .col-mid .PayTable__rows__row__info {
  grid-column: 2/span 3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  text-align: center;
  font-weight: 300;
  color: var(--infoColor);
}
.container .col-mid .PayTable__header.PayTable__rows__row div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--stepsTextColor);
  font-weight: 400;
  border: none;
  background-color: transparent;
}
.container .col-mid .PayTable__noTicket {
  width: 100%;
  padding-bottom: 40px;
}
.container .col-mid .PayTable__noTicket__title {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: var(--infoSize);
  color: var(--textColor);
  padding: 33px 0;
}
.container .col-mid .PayTable__noTicket__title span {
  font-weight: 700;
}
.container .col-mid .PayTable__noTicket__numbers {
  width: 142px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  margin: auto;
  opacity: 0.7;
}
.container .col-mid .PayTable__smallTable {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 35px;
  border-bottom-left-radius: var(--borderRadius);
  border-bottom-right-radius: var(--borderRadius);
  margin: auto;
  z-index: 100000;
}
.container .col-mid .PayTable__smallTable__row {
  width: 60%;
  position: relative;
  display: grid;
  grid-template-columns: 40px repeat(8, 1fr);
  grid-template-rows: 28px;
  grid-auto-flow: column;
  align-items: center;
  text-align: center;
  margin-bottom: 10px;
}
.container .col-mid .PayTable__smallTable__row:first-child:after {
  position: absolute;
  content: "";
  bottom: -4px;
  left: -10px;
  width: calc(100% + 15px);
  height: 0.5px;
  border-bottom: 0.5px solid var(--stepsOutlineColor);
}
.container .col-mid .PayTable__smallTable__row div {
  height: 12px;
  font-size: var(--infoSize);
  font-weight: 400;
  color: var(--stepsTextColor);
}
.container .col-mid .PayTable__smallTable__row div:first-child {
  color: var(--stepsTextColor);
  font-weight: 700;
  text-align: left;
}
.container .timeFilterCon {
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0));
  -webkit-mask-size: 98% 100%;
  -webkit-mask-repeat: no-repeat;
  scroll-snap-type: x mandatory;
  padding-right: 16px;
}
.container .RoundsTimeFilter {
  position: relative;
  height: 30px;
  margin: 0 0 0 16px;
  padding-right: 80px;
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0)) !important;
  -webkit-mask-size: 95% 100%;
  -webkit-mask-repeat: no-repeat;
  margin-left: 0;
}
.container .RoundsTimeFilter__list {
  display: grid;
  grid-template-columns: repeat(7, max-content);
  grid-template-rows: 30px;
  column-gap: 33px;
  padding-left: 16px;
  scrollbar-width: none;
}
.container .RoundsTimeFilter__list::-webkit-scrollbar {
  display: none;
}
.container .RoundsTimeFilter__list .RoundsTimeFilter__dayCon {
  padding-left: 10px;
  scroll-snap-align: start;
}
.container .RoundsTimeFilter__list .RoundsTimeFilter__dayCon .RoundsTimeFilter__day {
  scroll-snap-align: unset;
}
.container .RoundsTimeFilter__list .RoundsTimeFilter__day:first-child {
  margin-left: 16px;
}
.container .RoundsTimeFilter button {
  scroll-snap-align: start;
}
.container .RoundsTimeFilter button:first-child {
  margin-left: 16px;
}
.container .RoundsTimeFilter::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.container .RoundsTimeFilter__day {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  font-weight: 400;
  font-size: var(--headerSize);
  color: var(--flagTextColor);
  border: none;
  text-transform: capitalize;
  padding: 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  margin-left: 16px;
}
.container .RoundsTimeFilter__day span {
  color: var(--flagTextColor);
  font-size: 10px;
  font-weight: 300;
  margin-left: 3px;
}
.container .RoundsTimeFilter__day--selected {
  color: var(--flagTextColor);
  border-bottom: 2px solid #ffffff;
}
.container .col-dr {
  position: unset;
  width: calc(100% - 28px);
  min-height: 572px;
  background: var(--stepsBackground);
  transform: unset;
  margin: 0 14px 0 14px;
  border-radius: var(--sectionsRadius);
  z-index: unset;
}
.container .col-dr .con-bilet {
  border-top-left-radius: var(--sectionsRadius);
  border-top-right-radius: var(--sectionsRadius);
  padding-top: 0;
}
.container .col-dr .con-bottomTicket {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: var(--stepsMargin);
  margin-top: 15px;
}
.container .col-dr .info-label {
  width: 142px;
  padding: 8px 11px;
  background: var(--stepsOutlineColor);
  font-size: 8px;
  color: var(--stepsTextColor);
  text-transform: uppercase;
  font-style: normal;
  font-weight: 300;
}
.container .col-dr .info-label span {
  font-weight: 700;
}
.container .col-dr .placeButtonContainer {
  padding: 0 var(--stepsMargin) !important;
}
.container .col-dr .Future,
.container .col-dr .CurrentTicketDetails {
  padding: 0 var(--stepsMargin) 0 var(--stepsMargin);
}
.container .col-dr .delete-selections {
  width: 122px;
  height: 40px;
  font-size: var(--infoSize);
  text-align: left;
  font-style: normal;
  font-weight: 400;
  color: var(--stepsTextColor);
  border: none;
  background-color: transparent;
  margin-left: 0;
  padding: 0 8px !important;
  background: var(--stepsClickebleColor);
  border-radius: var(--borderRadius);
  text-align: center;
}
.container .col-dr .delete-selections--newTicket {
  width: fit-content;
  background: var(--accentColor);
  color: var(--accBackTextColor);
  padding: 0 12px !important;
}
.container .col-dr .PFRHelperContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 93%;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.container .col-dr .PFRHelperContainer .icon {
  padding-right: 10px;
}
.container .col-dr .PFRHelperContainer .text {
  /* 11 XXS Regular */
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  color: var(--textColor);
  /* 109.091% */
}
.container .col-dr .activatePFR {
  width: calc(100% - 32px);
  margin: 0 auto;
}
.container .col-dr .PFRInfoTOP {
  opacity: 0.5;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  padding: 5px 10px;
  justify-content: space-between;
  color: #fff;
  background: #2d3745;
  margin: 0 auto;
  border-radius: 8px;
}
.container .col-dr .PFRInfoTOP.available {
  opacity: 1;
}
.container .col-dr .PFRInfoTOP .currentPrize {
  min-width: 105px;
}
.container .col-dr .PFRInfoTOP button.togglePFRInfo__toggle {
  border: none;
  margin-top: unset;
  padding: 0 3px;
  background-color: transparent;
}
.container .col-dr .PFRInfoTOP .togglePFRInfo {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.container .col-dr .PFRInfoTOP .togglePFRInfo .labelPFRInfo {
  text-align: center;
}
.container .col-dr .PFRInfoTOP .availability_description {
  margin: 0;
  font-size: 12px;
}
.container .col-dr .PFRInfoTOP .pfr_button {
  background: #2d3745;
  border-radius: 10px;
  padding: 7px 14px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.03em;
  text-transform: lowercase;
  color: #ffffff;
  opacity: 0.5;
}
.container .col-dr .PFRInfoTOP .pfr_button.active {
  background: #29313d;
  color: #ffffff;
  opacity: 1;
}
.container .col-dr .PFRInfoTOP .pfr_info_text {
  color: #ffffff;
  margin-left: 10px;
}
.container .col-dr .PFRInfoTOP .pfr_info_text span {
  background: rgb(63, 86, 242);
  line-height: 20px;
  display: inline-block;
  padding: 0px 5px;
  border-radius: 5px;
}
.container .col-dr .PFRInfoTOP .pfr_info_text span b {
  background: #000;
  text-transform: uppercase;
  font-weight: 100;
  padding: 5px;
  min-width: 50px;
  display: inline-block;
  text-align: center;
}
.container .col-dr .PFRInfo {
  width: 93%;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  padding: 20px;
  color: var(--textColor);
  background: transparent;
  justify-content: space-between;
  margin: 0 auto;
  border-radius: 8px;
  border: solid 0.5px rgba(163, 87, 36, 0.6196078431);
}
.container .col-dr .PFRInfo .togglePFRInfo {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.container .col-dr .PFRInfo .togglePFRInfo .labelPFRInfo {
  padding-right: 10px;
}
.container .col-dr .PFRInfo .togglePFRInfo__toggle {
  background-color: transparent;
  padding: 0;
}
.container .col-dr .PFRInfo .availability_description {
  margin: 0;
  font-size: 12px;
}
.container .col-dr .PFRInfo .pfr_button {
  background: #2d3745;
  border-radius: 10px;
  padding: 7px 14px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.03em;
  text-transform: lowercase;
  color: #ffffff;
  opacity: 0.5;
}
.container .col-dr .PFRInfo .pfr_button.active {
  background: #29313d;
  color: #ffffff;
  opacity: 1;
}
.container .col-dr .PFRInfo .pfr_info_text {
  color: #ffffff;
  margin-left: 10px;
}
.container .col-dr .PFRInfo .pfr_info_text span {
  background: rgb(63, 86, 242);
  line-height: 20px;
  display: inline-block;
  padding: 0px 5px;
  border-radius: 5px;
}
.container .col-dr .PFRInfo .pfr_info_text span b {
  background: #000;
  text-transform: uppercase;
  font-weight: 100;
  padding: 5px;
  /* padding-right: 0px; */
  min-width: 50px;
  display: inline-block;
  text-align: center;
}
.container .Stake {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.container .Stake__text {
  font-weight: 400;
  font-size: var(--normalSize);
  color: var(--stepsTextColor);
  margin-right: 20px;
  text-transform: capitalize;
}
.container .Stake__con {
  position: relative;
  height: 32px;
  display: flex;
  align-items: center;
  background-color: var(--stepsClickebleColor);
  border: 0.5px solid var(--stepsOutlineColor);
  border-radius: var(--borderRadius);
}
.container .Stake__con__modifier {
  width: 32px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--stepsClickebleColor);
  border-radius: var(--borderRadius);
  padding: 0;
}
.container .Stake__con__modifier img {
  filter: invert(1);
  width: 11px;
}
.container .Stake__con__input {
  width: 42px;
  height: 100%;
  z-index: 2;
  padding: 0;
  color: var(--stepsTextColor);
  font-weight: 700;
  text-align: center;
  border: 0;
  outline: none;
  font-size: var(--accentSize);
  background-color: transparent;
}
.container .Stake__con__display {
  position: absolute;
  left: 36px;
  width: 42px;
  z-index: 1;
  overflow: hidden;
  color: var(--textColor);
  font-weight: 700;
  text-align: center;
  border: 0;
  outline: none;
  font-size: var(--accentSize);
  background-color: var(--dropDownColor);
}
.container .bila {
  position: relative;
  width: var(--ballDimension);
  height: var(--ballDimension);
  line-height: var(--ballDimension);
  border: none;
  font-weight: 700;
  font-size: var(--normalSize);
  color: var(--stepsTextColor);
  transition: all 0.2s ease-in-out;
  padding: 0;
  border-radius: 50%;
  background: var(--stepsClickebleColor);
}
.container .bila .indicator {
  position: absolute;
  width: 15px;
  height: 15px;
  line-height: 15px;
  z-index: 15;
  font-style: normal;
  font-weight: 700;
  font-size: var(--statisticFontSize);
}
.container .bila .indicator--rare {
  bottom: unset;
  top: -12px;
  left: 8px;
  color: #609fec;
}
.container .bila .indicator--freq {
  top: -12px;
  right: 7px;
  color: #ff5722;
}
.container .bila-refuse {
  background: pink;
  animation: horizontal-shaking 3s;
}
.container .bila-active {
  width: var(--activeBallDimension);
  height: var(--activeBallDimension);
  line-height: var(--activeBallDimension);
  color: var(--accBackTextColor);
  font-size: var(--normalSize);
  background: var(--accentColor);
}
.container .bila-active::after {
  content: none;
}
.container .LottoSearch {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 25px;
}
.container .LottoSearch img {
  width: 20px;
  height: 20px;
  order: 1;
}
.container .LottoSearch input {
  flex-grow: 1;
}
.container .LottoSearch__clear {
  background: transparent;
}
.container .LottoSearch__clear img {
  width: 12px;
  height: 12px;
}
.container .ExpiredAlert {
  position: absolute;
  top: 0;
  width: calc(100% - var(--stepsMargin) * 2);
  height: 99%;
  z-index: 10000;
  background-color: var(--stepsBackground);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: var(--sectionsRadius);
}
.container .ExpiredAlert img {
  width: 100px;
  margin-bottom: 22px;
}
.container .ExpiredAlert .expired-message {
  color: var(--stepsTextColor);
  padding: 0 30px;
  text-align: center;
}
.container .ExpiredAlert .ExpiredTicketButtons {
  width: 100%;
  margin-top: 37px;
  display: flex;
}
.container .ExpiredAlert .ExpiredTicketButtons__delete {
  height: 40px;
  width: fit-content;
  background-color: var(--stepsClickebleColor) !important;
  border-radius: 5px;
  font-weight: 400;
  font-size: var(--infoSize);
  color: var(--stepsTextColor);
  margin-right: 6px;
  padding: 0 30px;
  text-transform: none;
}
.container .ExpiredAlert .ExpiredTicketButtons__delete::after, .container .ExpiredAlert .ExpiredTicketButtons__delete::before {
  content: none;
}
.container .ExpiredAlert .ExpiredTicketButtons__changeRound {
  position: unset;
  height: 40px;
  width: unset;
  min-width: 150px;
  flex-grow: 1;
  background: var(--accentColor);
  color: var(--accBackTextColor);
  border-radius: 5px;
  animation: none;
  font-weight: 400;
  font-size: var(--infoSize);
  line-height: 14px;
  text-transform: none;
  padding: 0;
}
.container .bilet .ExpiredAlert {
  width: 100% !important;
}
.container .con-btns {
  width: 100vw !important;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 0;
  top: unset;
  margin-right: 30px;
}
.container .con-btns > div {
  width: 100%;
}
.container .con-btns .istoric-runde,
.container .con-btns .istoric-pariuri {
  width: fit-content;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  font-size: 14px;
  background: transparent;
  padding: 0;
  margin: 0;
  font-style: normal;
}
.container .con-btns .istoric-runde:hover,
.container .con-btns .istoric-pariuri:hover {
  filter: none;
}
.container .con-btns .istoric-runde img,
.container .con-btns .istoric-pariuri img {
  margin-right: 8px;
}
.container .con-btns .istoric-runde img.open,
.container .con-btns .istoric-pariuri img.open {
  transform: rotate(180deg);
}
.container .con-btns .istoric-runde span,
.container .con-btns .istoric-pariuri span {
  text-transform: lowercase;
}
.container .con-btns .checkTicketToggle {
  height: 32px;
  background: var(--clickableColor);
  border-radius: 15px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: var(--textColor);
  margin-right: 16px;
}
.container .con-btns .checkTicketToggle__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 0 16px;
  font-size: 20px;
  font-weight: 700;
}
.container .con-btns .checkTicketToggle__title button {
  background: transparent;
  filter: invert(1);
}
.container .con-btns .checkTicketToggle__title button img {
  width: 15px;
}
.container .con-btns .checkTicketToggle--active {
  font-weight: 700 !important;
}
.container .istoric-runde {
  position: relative;
  text-align: right;
  justify-content: flex-end;
  font-weight: 300;
  color: var(--textColor);
  border-radius: var(--borderRadius);
}
.container .istoric-runde .pagination div {
  min-width: 10px;
}
.container .event {
  position: relative;
  height: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  line-height: 28px;
  color: var(--textColor);
  border: none;
  background: transparent;
  font-size: 14px;
  border-radius: var(--borderRadius);
}
.container .event .LineGuide__ball {
  position: unset;
  width: 10px;
  height: 10px;
  margin-right: 15px;
}
.container .event .LineGuide__ball::before, .container .event .LineGuide__ball:after {
  left: 0;
}
.container .bilet {
  position: relative;
  min-height: 572px;
  padding: 0 0 24px 0;
}
.container .bilet .SetTicketFirstAlert {
  margin-top: 25%;
}
.container .bilet .blurForExpired {
  filter: blur(1000px);
}
.container .bilet .bilet-info {
  padding: 0 0 17px 0;
  margin: 22px var(--stepsMargin) 20px var(--stepsMargin);
  border: 1px solid var(--stepsOutlineColor);
  border-radius: var(--borderRadius);
}
.container .bilet .bilet-info .CurrentTicketDetails__detail {
  width: 100%;
  max-width: 343px;
  margin: 0 auto;
  color: var(--stepsTextColor);
  margin-left: 25px !important;
}
.container .bilet .con-bilet-bile {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 10px auto 30px auto;
}
.container .bilet .con-bilet-bile .MountAnimation {
  margin: 5px 3px 0 3px !important;
}
.container .bilet .con-bilet-bile .bila {
  width: var(--activeBallDimension) !important;
  height: var(--activeBallDimension) !important;
  margin: 0 !important;
  font-size: var(--headerSize) !important;
}
.container .bilet .all-tickets-info {
  width: calc(100% - var(--stepsMargin) * 2);
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr 1.5fr;
  grid-template-rows: min-content min-content;
  column-gap: 10px;
  row-gap: 5px;
  grid-auto-flow: column;
  padding: 10px;
  margin: 0 var(--stepsMargin);
  border: 1px solid var(--stepsOutlineColor);
  border-radius: var(--borderRadius);
}
.container .bilet .all-tickets-info > div {
  font-weight: 400;
  font-size: 14px !important;
  color: var(--stepsTextColor);
  text-align: center;
  justify-self: center;
  align-self: end;
}
.container .bilet .all-tickets-info > div:nth-child(odd) {
  font-weight: 700;
  font-size: var(--infoSize) !important;
  align-self: start;
}
.container .bilet .all-tickets-info .total-pariuri {
  order: 1;
}
.container .bilet .all-tickets-info .total-miza {
  order: 2;
}
.container .bilet .all-tickets-info .cota {
  order: 3;
}
.container .bilet .all-tickets-info .total-win {
  order: 4;
  padding-top: 0;
}
.container .bilet .all-tickets-info .total-win span {
  height: 15px;
  line-height: 15px;
}
.container .bilet .Future {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.container .bilet .Future .FutureSummary {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 500;
  font-size: var(--accentSize);
  text-transform: lowercase;
}
.container .bilet .Future .FutureSummary__title {
  max-width: fit-content;
  font-weight: 400;
  font-size: 14px;
  color: var(--stepsTextColor);
}
.container .bilet .Future .FutureSummary .RoundsInterval {
  color: var(--textColor);
}
.container .bilet .Future .FutureSummary .RoundsInterval div {
  height: 20px;
  line-height: 20px;
  margin-top: 0px !important;
}
.container .bilet .Future .FutureSummary .RoundsInterval span {
  color: var(--textColor);
}
.container .bilet .Future .con-future {
  width: 80px;
  height: 40px;
  padding: 0;
  background: transparent;
  border-radius: 5px;
}
.container .bilet .but-pariaza {
  position: relative;
  width: calc(100% - var(--stepsMargin) * 2);
  height: 40px;
  line-height: 40px;
  background: var(--placeBtnColor);
  margin: 24px var(--stepsMargin) 0 var(--stepsMargin);
  padding: 0 !important;
  font-weight: 700;
  font-size: var(--infoSize);
  text-transform: uppercase;
  border-radius: var(--borderRadius);
  color: var(--textColor);
  text-align: center;
}
.container .bilet .but-pariaza.preOrder {
  background: #ffcc00;
}
.container .bilet .but-pariaza .lds-ripple {
  top: -39px;
  transform: scale(0.6);
}
.container .bilet .but-pariaza .lds-ripple div {
  transform: scale(0.5);
  border: 4px solid #ffffff;
}
.container .bilet .TicketsStatusUnfolded__table::-webkit-scrollbar {
  background-color: transparent !important;
}
.container .bilet .TicketsStatusUnfolded__table::-webkit-scrollbar-track {
  background-color: transparent !important;
}
.container .bilet .TicketsStatusUnfolded__table::-webkit-scrollbar-thumb {
  background: var(--stepsClickebleColor) !important;
}
.container .bilet .TicketsStatusUnfolded__table .border td, .container .bilet .TicketsStatusUnfolded__table .error td {
  border-color: var(--stepsOutlineColor);
}
.container .bilet .TicketsStatusUnfolded .SystemsTable__info img {
  filter: invert(1);
}
.container .RoundsCountDown {
  color: var(--textColor);
  font-weight: 300;
  font-size: 14px;
}
.container .RoundsCountDown__time {
  font-weight: 700;
  font-size: var(--accentSize);
}
.container .LottoAndLive {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 6px;
}
.container .LottoAndLive > .MountAnimation {
  overflow-y: hidden;
}
.container .LottoAndLive > .LottoSearch {
  width: calc(100% - 32px) !important;
  margin: 0 16px;
}
.container .LottoAndLive > div {
  width: 100%;
}
.container .LottoAndLive__visual {
  position: relative;
  height: fit-content;
  transition: height 0.3s ease-in-out;
  overflow: hidden;
  margin-bottom: 0 !important;
  padding: 0 16px;
}
.container .LottoAndLive__visual .lotto-live {
  height: calc(100% - 20px);
}
.container .LottoAndLive__explication {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 15px 0;
}
.container .LottoAndLive .lotto-live {
  border-radius: var(--borderRadius) !important;
}
.container .LottoAndLive__lotteries {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.container .LottoAndLive__lotteries .lottery.active--grecia {
  background: linear-gradient(270deg, #1448FF 0%, #0070FF 32.29%);
  opacity: 0.95;
  box-shadow: inset -10px -5px 100px rgba(0, 0, 0, 0.15);
}
.container .LottoAndLive__lotteries .lottery.active--grecia img,
.container .LottoAndLive__lotteries .lottery.active--grecia div {
  z-index: 1;
}
.container .LottoAndLive__lotteries .lottery.active--italia {
  background: linear-gradient(270deg, #03A325 0%, #02B92A 32.29%);
  opacity: 0.95;
  box-shadow: inset -10px -5px 100px rgba(0, 0, 0, 0.15);
}
.container .LottoAndLive__lotteries .lottery.active--cehia {
  background: linear-gradient(270deg, #005FDA 31.25%, #E93B4D 84.9%);
}
.container .LottoAndLive__lotteries .lottery.active--croatia {
  background: linear-gradient(270deg, #005FDA 31.25%, #E93B4D 84.9%);
}
.container .LottoAndLive__lotteries .lottery.active--spania {
  background: linear-gradient(270deg, #F0BE18 15.62%, #DC3041 71.35%);
  opacity: 0.9;
}
.container .LottoAndLive__lotteries .lottery.active--ungaria {
  background: linear-gradient(270deg, #03794A 11.46%, #03B56E 59.37%);
}
.container .LottoAndLive__lotteries .lottery.active--slovacia {
  background: linear-gradient(270deg, #FC3E46 11.46%, #0567E3 75.52%);
}
.container .LottoAndLive__lotteries .lottery.active--polonia {
  background: linear-gradient(270deg, #FC5263 20.83%, #FF253B 82.81%);
}
.container .LottoAndLive__lotteries .lottery.active--letonia {
  background: linear-gradient(270deg, #E94D59 39.06%, #D24E59 88.02%);
}
.container .LottoAndLive__lotteries .lottery.active--franta {
  background: linear-gradient(270deg, #FC4C53 11.46%, #2849B6 59.37%);
}
.container .LottoAndLive__lotteries .lottery.active--finlanda {
  background: linear-gradient(270deg, #377FE4 52.6%, #0354C6 73.44%);
}
.container .LottoAndLive__lotteries .lottery.active--canada {
  background: linear-gradient(270deg, #E2081E 20.83%, #FC384B 82.81%);
  opacity: 0.9;
}
.container .LottoAndLive__lotteries .lottery.active--usa {
  background: linear-gradient(270deg, #B64650 39.06%, #32317B 88.02%);
}
.container .LottoAndLive__lotteries .lottery.active--islanda {
  background: linear-gradient(270deg, #E4485C 0%, #465BED 59.37%);
}
.container .LottoAndLive__lotteries .lottery.active--ue {
  background: linear-gradient(270deg, #0156FF 11.46%, #0046D3 59.37%);
  opacity: 0.9;
}
.container .LottoAndLive__lotteries .lottery.active--germania {
  background: linear-gradient(270deg, #F3CF39 0%, #E75600 66.15%, #DD0000 100%);
  opacity: 0.9;
}
.container .LottoAndLive__lotteries .lottery.active--austria {
  background: linear-gradient(270deg, #E2081E 20.83%, #FC384B 82.81%);
}
.container .LottoAndLive__lotteries .lottery.active--belgia {
  background: linear-gradient(270deg, #F9D101 31.25%, #882100 100%);
}
.container .LottoAndLive__lotteries .lottery.active--norvegia {
  background: linear-gradient(270deg, #E2081E 20.83%, #FC384B 82.81%);
}
.container .LottoAndLive__lotteries .lottery.active--danemarca {
  background: linear-gradient(270deg, #E2081E 20.83%, #FC384B 82.81%);
}
.container .LottoAndLive__lotteries .lottery.active--slovenia {
  background: linear-gradient(270deg, #005FDA 41.67%, #ED051C 84.9%);
  opacity: 0.8;
}
.container .LottoAndLive__lotteries .lottery.active--australia {
  background: linear-gradient(270deg, #0156FF 11.46%, #2540FF 59.37%);
}
.container .LottoAndLive__lotteries .lottery.active--singapore {
  background: linear-gradient(270deg, #E2081E 20.83%, #EB6872 82.81%);
}
.container .LottoAndLive__lotteries .lottery.active--turcia {
  background: linear-gradient(270deg, #E2081E 20.83%, #EB6872 82.81%);
}
.container .LottoAndLive__lotteries .lottery.active--bosnia_si_hertegovin {
  background: linear-gradient(270deg, #FFC803 0%, #3750FF 46.87%);
}
.container .LottoAndLive__lotteries .lottery.active--elvetia {
  background: linear-gradient(270deg, #E2081E 20.83%, #D52B1E 82.81%);
}
.container .LottoAndLive__lotteries .lottery.active--marea_britanie {
  background: linear-gradient(240.51deg, #CF142B 17.24%, #00247D 56.87%);
  opacity: 0.9;
}
.container .LottoAndLive__lotteries .lottery.active--islanda {
  background: linear-gradient(270deg, #E4485C 0%, #465BED 59.37%);
}
.container .LottoAndLive__lotteries .lottery.active--rsa {
  background: linear-gradient(313.54deg, #000000 30.59%, #438946 61.59%);
}
.container .LottoAndLive__lotteries--scroll {
  width: calc(100% - 16px);
  height: fit-content;
  max-height: 220px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  overflow-x: auto;
}
.container .LottoAndLive__lotteries--scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.container .LottoAndLive__controls {
  width: 100%;
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
}
.container .LottoAndLive__controls__more {
  width: fit-content;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  background: transparent;
  margin-right: 16px;
  transition: all 0.3s ease-in-out;
  line-height: 14px;
  color: var(--textColor);
  font-weight: 400;
  padding: 0;
  border: none;
  border-radius: 0;
  font-size: var(--infoSize);
}
.container .LottoAndLive__controls__more svg {
  transform: rotate(90deg);
  margin: 5px 0 0 10px;
  width: 10px;
  height: 10px;
}
.container .LottoAndLive__controls__more--reverse {
  width: fit-content;
}
.container .LottoAndLive__controls__more--reverse svg {
  transform: rotate(-90deg);
  margin: 0 0 5px 10px;
}
.container .LottoAndLive__controls__more--disable {
  opacity: 0.5;
}
.container .LottoAndLive__dropdown {
  width: 100%;
  position: relative;
  background: transparent;
  border-radius: var(--borderRadius);
}
.container .LottoAndLive__dropdown .LotteriesGrouped {
  width: calc(100vw - 31px);
  padding: 0 0 5px 11px;
  background-color: transparent;
}
.container .LottoAndLive__dropdown .ScrollButtons {
  position: absolute;
  top: 0;
  right: -12px;
}
.container .LottoSearch {
  position: relative;
  width: 100%;
  height: 50px;
}
.container .LottoSearch input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  font-weight: 400;
  font-size: 14px;
  color: var(--infoColor);
  text-transform: uppercase;
}
.container .LottoSearch input::placeholder {
  text-transform: none !important;
}
.container .RoundsWithFuture {
  width: calc(100% - var(--stepsMargin) * 2);
  min-height: 95px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: 10px var(--stepsMargin) 0 var(--stepsMargin);
  border-radius: var(--borderRadius);
  padding: 0 0 12px 0;
  z-index: 1;
}
.container .RoundsWithFuture--opened .RoundsWithFuture__rounds {
  border-bottom-left-radius: 0;
}
.container .RoundsWithFuture--opened .RoundsWithFuture__consecutive {
  border-bottom-right-radius: 0;
}
.container .RoundsWithFuture__rounds, .container .RoundsWithFuture__consecutive {
  grid-auto-rows: 30px;
  row-gap: 7px;
}
.container .RoundsWithFuture__rounds {
  position: relative;
  width: 100%;
  background: transparent;
  border-top-left-radius: var(--borderRadius);
  border-bottom-left-radius: var(--borderRadius);
  padding: 0;
  z-index: 1;
}
.container .RoundsWithFuture__rounds__title {
  display: grid;
  grid-template-columns: repeat(6, calc((100% - 15px) / 6));
  grid-template-rows: 27px;
  column-gap: 2.5px;
  align-items: start;
  margin: 0;
}
.container .RoundsWithFuture__rounds__title div {
  grid-column: 5/7;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  color: var(--flagTextColor);
  text-align: right;
}
.container .RoundsWithFuture__rounds > div {
  display: grid;
  grid-template-columns: repeat(6, calc((100% - 15px) / 6));
  grid-auto-rows: 30px;
  column-gap: 2.5px;
  row-gap: 5px;
  justify-items: center;
  align-items: center;
}
.container .RoundsWithFuture__rounds > div:first-child {
  margin-bottom: 5px;
}
.container .RoundsWithFuture__rounds > .MountAnimation {
  margin-top: 5px;
}
.container .RoundsWithFuture__rounds__round {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px 0;
  border-radius: var(--borderRadius);
  transition: all 0.3s ease-in-out;
  border: none;
  background: transparent;
}
.container .RoundsWithFuture__rounds__round::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.container .RoundsWithFuture__rounds__round--fix .RoundsWithFuture__rounds__round__time {
  color: var(--accentColor);
}
.container .RoundsWithFuture__rounds__round__time {
  font-weight: 700;
  font-size: var(--accentSize);
  color: var(--flagTextColor);
}
.container .RoundsWithFuture__rounds__round__time--empty {
  width: 100%;
  height: 100%;
  position: relative;
}
.container .RoundsWithFuture__rounds__round__time--empty::after {
  position: absolute;
  content: "";
  top: 50%;
  left: calc(50% - 5px);
  width: 10px;
  height: 1px;
  background: #ffffff;
}
.container .RoundsWithFuture__rounds__round__time {
  height: var(--accentSize);
  font-size: var(--accentSize);
  line-height: var(--accentSize);
  font-weight: 700;
  color: var(--flagTextColor);
}
.container .RoundsWithFuture__rounds__round__time--empty {
  width: 100%;
  height: 100%;
  position: relative;
}
.container .RoundsWithFuture__rounds__round__time--empty::after {
  position: absolute;
  content: "";
  top: 50%;
  left: calc(50% - 5px);
  width: 10px;
  height: 1px;
  background: #ffffff;
}
.container .RoundsWithFuture__rounds__round__date {
  font-weight: 300;
  font-size: 7px;
  color: var(--flagTextColor);
  width: 100%;
  text-align: right;
  padding-right: 8px;
}
.container .RoundsWithFuture__rounds__round--active {
  background: var(--accentColor);
}
.container .RoundsWithFuture__rounds__round--active > div {
  color: var(--accBackTextColor) !important;
}
.container .RoundsWithFuture__rounds__round--active .RoundsWithFuture__rounds__round__check {
  border: none;
  background-image: url(../img/icon/check-white.svg);
  background-size: 8px;
  background-position: center;
  background-repeat: no-repeat;
}
.container .RoundsWithFuture__rounds__consecutive {
  font-weight: 700;
  font-size: var(--headerSize);
  display: flex;
  align-items: center;
  color: var(--flagTextColor);
  background-color: transparent;
  border: none;
  opacity: 0.5;
}
.container .RoundsWithFuture__rounds__consecutive--active {
  opacity: 1;
}
.container .RoundsWithFuture__rounds__consecutive:disabled {
  opacity: 0.5;
}
.container .RoundsWithFuture__pagination {
  width: 100%;
  height: 60px;
  display: grid;
  grid-template-rows: 60px;
  grid-template-columns: calc((100% - 15px) / 6 * 2.5) 1fr 78px;
  column-gap: 2.5px;
  align-items: center;
  padding-left: 14px;
  background: transparent;
  border-bottom-left-radius: var(--borderRadius);
  border-bottom-right-radius: var(--borderRadius);
}
.container .RoundsWithFuture__pagination .DropDown {
  width: 78px;
}
.container .RoundsWithFuture__pagination button {
  border: none;
  background: transparent;
}
.container .RoundsWithFuture__pagination__back {
  width: 35px;
  height: 35px;
  grid-column: 1;
  align-self: center;
  justify-self: end;
  background-color: transparent;
}
.container .RoundsWithFuture__pagination__back svg {
  transform: rotate(180deg);
}
.container .RoundsWithFuture__pagination__next {
  width: 35px;
  height: 35px;
  align-self: center;
  justify-self: start;
  grid-column: 2;
  border: none;
  padding: 0;
}
.container .RoundsWithFuture__pagination__custom {
  grid-column: 5/span 2;
  justify-self: end;
}
.container .RoundsWithFuture__delete, .container .RoundsWithFuture__toggleBtn {
  margin-top: 15px;
}
.container .RoundsWithFuture__delete {
  width: fit-content;
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  background: var(--clickableColor);
  border-radius: var(--borderRadius);
  font-weight: 400;
  font-size: var(--infoSize);
  color: var(--textColor);
  border: none;
  margin-right: 6px;
  text-align: center;
}
.container .RoundsWithFuture__delete:disabled {
  opacity: 0.5;
}
.container .RoundsWithFuture .toggleButton {
  margin-top: 15px;
  color: var(--flagTextColor);
}
.container .StatisticsExtra {
  position: relative;
  height: 87px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px 0 24px 0;
  border-radius: var(--sectionsRadius);
}
.container .StatisticsExtra--blur button,
.container .StatisticsExtra--blur div,
.container .StatisticsExtra--blur span,
.container .StatisticsExtra--blur img {
  opacity: 0.7;
}
.container .StatisticsExtra .cancel-selection {
  width: fit-content;
  height: 38px;
  line-height: 20px;
  text-align: left;
  padding: 0 7px;
  background: var(--stepsClickebleColor);
  color: var(--stepsTextColor);
  border-radius: var(--borderRadius);
}
.container .StatisticsExtra__order {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: transparent;
  border: none;
  transition: all 0.3s ease-in-out;
}
.container .StatisticsExtra__order img {
  width: 30px;
  height: 30px;
  margin-bottom: 7px;
}
.container .StatisticsExtra__order span {
  font-style: normal;
  font-weight: 300;
  font-size: 8px;
  color: var(--stepsTextColor);
}
.container .StatisticsExtra__order:disabled {
  opacity: 0.5;
}
.container .StatisticsExtra__info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.container .StatisticsExtra__info__title {
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: 8px;
  color: var(--stepsTextColor);
  text-transform: lowercase;
  margin-top: 7px;
}
.container .StatisticsExtra__info__options {
  width: 88px;
  height: 32px;
  font-style: normal;
  font-weight: 300;
  font-size: 8px;
  color: var(--infoColor);
  border: none;
  background: transparent;
}
.container .cancel-selection {
  font-weight: 400;
  font-size: var(--infoSize);
  color: var(--textColor);
  background-color: transparent;
  border: none;
}
.container .cancel-selection:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.container .oriz:after {
  content: none;
}
.container .ticketTitle {
  position: relative;
  width: 100%;
  height: fit-content;
  padding: 75px var(--stepsMargin) 0 var(--stepsMargin);
  display: flex;
  justify-content: space-between;
  margin-top: 0;
  border-top-left-radius: var(--sectionsRadius);
  border-top-right-radius: var(--sectionsRadius);
  z-index: 10001;
  background-color: transparent;
  overflow: hidden;
}
.container .ticketTitle button {
  border: none;
  background-color: transparent;
}
.container .ticketTitle-lottery {
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container .ticketTitle-lottery {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(50px, calc(100% - 154px)) max-content;
  grid-auto-rows: min-content 17px;
  align-items: baseline;
  row-gap: 5px;
  column-gap: 3px;
}
.container .ticketTitle-lottery-name {
  width: 100%;
  min-height: var(--headerSize);
  max-height: calc(var(--headerSize) * 2);
  font-size: var(--headerSize);
  line-height: var(--headerSize);
  font-weight: 700;
  color: var(--stepsTextColor);
  text-align: left;
  padding: 0;
}
.container .ticketTitle-lottery-consec {
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 17px;
  line-height: 14px;
  font-size: 14px;
  font-weight: lighter;
  text-align: right;
  color: var(--stepsTextColor);
}
.container .ticketTitle-lottery-consec-nr {
  font-size: var(--normalSize) !important;
  font-weight: 700 !important;
  text-align: left;
  padding-left: 5px;
}
.container .ticketTitle-lottery .RoundsInterval {
  flex-direction: row;
  padding-bottom: 0;
}
.container .ticketTitle-lottery .RoundsInterval__last {
  position: relative;
  padding-left: 28px;
}
.container .ticketTitle-lottery .RoundsInterval__last::after {
  position: absolute;
  content: "";
  bottom: calc(50% - 1px);
  left: 6px;
  width: 15px;
  height: 1px;
  background-color: var(--stepsTextColor);
}
.container .ticketTitle-lottery .RoundsCountDown {
  justify-self: end;
  align-self: start;
  width: fit-content;
  height: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 14px;
  color: var(--stepsTextColor);
  font-size: 14px;
  font-weight: lighter;
}
.container .ticketTitle-lottery .RoundsCountDown__time {
  width: 35px;
  font-size: var(--normalSize);
  font-weight: 700;
  color: var(--stepsTextColor);
  margin-left: 5px;
}

.Step {
  position: absolute;
  top: 13px;
  left: 0px;
  width: fit-content;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  background: var(--stepsClickebleColor);
  color: var(--stepsTextColor);
  font-weight: 300;
  font-size: 10px;
  text-transform: uppercase;
  z-index: 10000;
}
.Step span {
  font-weight: 700;
}

.RoundsInterval {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  color: var(--stepsTextColor);
}
.RoundsInterval span {
  display: inline-block;
  font-weight: 700;
  font-size: var(--accentSize);
  height: var(--accentSize);
  line-height: var(--accentSize);
  color: var(--stepsTextColor);
}
.RoundsInterval div {
  height: 17px;
  line-height: 17px;
  font-size: 10px;
}

.col-mid .main .con-random-numbers .scroll-container .con-scroll::-webkit-scrollbar {
  width: 100% !important;
  height: 1px !important;
  background-color: transparent;
}

.LotteriesGrouped__lotteries {
  width: calc(100% + 15px);
  overflow-y: hidden;
  padding-left: 8px;
}
.LotteriesGrouped__lotteries::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.LotteriesGrouped__lotteries__row {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: var(--normalSize);
}
.LotteriesGrouped__lotteries__row__country {
  width: 98px;
  min-width: 98px;
  text-transform: uppercase;
  color: var(--textColor);
  overflow-wrap: break-word;
  font-weight: 400;
  font-size: var(--infoSize);
}
.LotteriesGrouped__lotteries__row__country--top {
  width: 100% !important;
  height: 39px !important;
  padding-left: 0 !important;
  margin: 7px 0 !important;
}
.LotteriesGrouped__lotteries__row__country--top .lottery {
  width: 100% !important;
  height: 39px !important;
  min-height: 39px;
  grid-template-columns: 20px 1fr;
  grid-template-rows: 39px;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: var(--borderRadius);
}
.LotteriesGrouped__lotteries__row__country--top .lottery .image-con {
  width: 100%;
  height: fit-content;
}
.LotteriesGrouped__lotteries__row__country--top .lottery .image-con > img {
  width: 15px;
  height: 15px;
}
.LotteriesGrouped__lotteries__row__country--top .lottery.active {
  background: var(--accentColor);
  color: var(--accBackTextColor);
}
.LotteriesGrouped__lotteries__row__country--top .lottery .lottery-name {
  width: 100% !important;
  height: fit-content !important;
  text-align: left;
}
.LotteriesGrouped__lotteries__row__lotteries {
  flex-grow: 1;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
}
.LotteriesGrouped__lotteries__row__lotteries::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.LotteriesGrouped__lotteries__row__lotteries .image-con {
  display: none;
}
.LotteriesGrouped__lotteries__row .lottery {
  display: flex !important;
  align-items: center;
  width: fit-content;
  height: 35px !important;
  line-height: 35px;
  background: var(--clickableColor) !important;
  border-radius: var(--borderRadius);
  margin-right: 3px;
  padding: 0 9px !important;
}
.LotteriesGrouped__lotteries__row .lottery .lottery-name,
.LotteriesGrouped__lotteries__row .lottery .lottery {
  overflow-y: hidden;
}
.LotteriesGrouped__lotteries__row .lottery .lottery-name::-webkit-scrollbar,
.LotteriesGrouped__lotteries__row .lottery .lottery::-webkit-scrollbar {
  display: none;
}
.LotteriesGrouped__lotteries__row .lottery.active {
  background: var(--accentColor) !important;
  font-weight: 700;
}
.LotteriesGrouped__lotteries__row .lottery.active .lottery-name,
.LotteriesGrouped__lotteries__row .lottery.active span {
  font-weight: 700 !important;
  color: var(--accBackTextColor) !important;
}
.LotteriesGrouped__lotteries__row .lottery .lottery-name {
  flex-grow: 1;
  display: flex;
  white-space: nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  font-weight: 400;
  font-size: var(--infoSize) !important;
  line-height: 14px;
  border-radius: var(--borderRadius);
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.LotteriesGrouped__lotteries__row .lottery .lottery-name span {
  margin-left: 3px;
}
.LotteriesGrouped__lotteries__row .lottery .live-container,
.LotteriesGrouped__lotteries__row .lottery .icon-con {
  display: none !important;
  width: fit-content !important;
  text-align: left !important;
}
.LotteriesGrouped__lotteries__row .lottery span {
  font-size: var(--infoSize) !important;
  color: var(--textColor) !important;
}
.LotteriesGrouped__lotteries__row .lottery span span {
  margin-left: 3px;
}
.LotteriesGrouped__lotteries__row .lottery .image-con img {
  width: 15px;
  height: 15px;
}

.con-random-numbers.notification {
  width: calc(100% - 30px) !important;
  margin: 5px 15px;
  border-radius: 5px;
}
.con-random-numbers.notification .notification {
  min-height: 15px !important;
  line-height: 15px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 10px;
  margin: auto !important;
  padding: 0 !important;
  text-align: center;
}

.blurForExpired {
  position: relative;
}
.blurForExpired:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--stepsBackground);
  z-index: 1002;
}

.SetTicketFirstAlert {
  width: 100%;
  height: calc(100% - 5px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--stepsTextColor);
  z-index: 10000;
  background-color: var(--stepsBackground);
  border-radius: var(--sectionsRadius);
}
.SetTicketFirstAlert__instruction {
  font-size: var(--accentSize);
  font-weight: 300;
}
.SetTicketFirstAlert__destination {
  display: flex;
  height: 90px;
  text-align: center;
}
.SetTicketFirstAlert__destination__name {
  height: 60px;
  line-height: 60px;
  font-size: var(--headerSize);
  font-weight: 700;
}
.SetTicketFirstAlert__destination .Step {
  position: relative;
  top: 3px;
}
.SetTicketFirstAlert button {
  z-index: 100;
}
.SetTicketFirstAlert button span {
  color: var(--textColor);
}

.scroll-container .oriz {
  transform: unset !important;
}
.scroll-container .oriz svg {
  width: unset !important;
}
.scroll-container .oriz.left svg {
  transform: rotate(180deg);
}

.noData {
  height: calc(100% - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  margin: auto;
  text-align: center;
  color: var(--textColor);
}

.flag_background {
  position: relative;
  display: flex;
  flex-direction: column;
  border-top-left-radius: var(--sectionsRadius);
  border-top-right-radius: var(--sectionsRadius);
  opacity: 0.95;
}
.flag_background:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 0;
  overflow: hidden;
  background-size: 100%;
  z-index: -1;
}
.flag_background div {
  opacity: 1;
}
.flag_background--grecia {
  background: linear-gradient(270deg, #1448FF 0%, #0070FF 32.29%);
  opacity: 0.95;
  box-shadow: inset -10px -5px 100px rgba(0, 0, 0, 0.15);
}
.flag_background--grecia:after {
  background-image: url(../img/steaguri/header/grecia.png);
}
.flag_background--italia {
  background: linear-gradient(270deg, #03A325 0%, #02B92A 32.29%);
  opacity: 0.95;
  box-shadow: inset -10px -5px 100px rgba(0, 0, 0, 0.15);
}
.flag_background--italia:after {
  background-image: url(../img/steaguri/header/italia.png);
}
.flag_background--slovacia {
  background: linear-gradient(270deg, #FC3E46 11.46%, #0567E3 75.52%);
}
.flag_background--slovacia:after {
  background-image: url(../img/steaguri/header/slovacia.png);
}
.flag_background--ungaria {
  background: linear-gradient(270deg, #03794A 11.46%, #03B56E 59.37%);
}
.flag_background--ungaria:after {
  background-image: url(../img/steaguri/header/ungaria.png);
}
.flag_background--cehia {
  background: linear-gradient(270deg, #005FDA 31.25%, #E93B4D 84.9%);
}
.flag_background--cehia:after {
  background-image: url(../img/steaguri/header/cehia.png);
}
.flag_background--croatia {
  background: linear-gradient(270deg, #005FDA 31.25%, #E93B4D 84.9%);
}
.flag_background--polonia {
  background: linear-gradient(270deg, #FC5263 20.83%, #FF253B 82.81%);
}
.flag_background--polonia:after {
  background-image: url(../img/steaguri/header/polonia.png);
}
.flag_background--spania {
  background: linear-gradient(270deg, #F0BE18 15.62%, #DC3041 71.35%);
  opacity: 0.9;
}
.flag_background--spania:after {
  background-image: url(../img/steaguri/header/spania.png);
}
.flag_background--letonia {
  background: linear-gradient(270deg, #E94D59 39.06%, #D24E59 88.02%);
}
.flag_background--letonia:after {
  background-image: url(../img/steaguri/header/letonia.png);
}
.flag_background--franta {
  background: linear-gradient(270deg, #FC4C53 11.46%, #2849B6 59.37%);
}
.flag_background--franta:after {
  background-image: url(../img/steaguri/header/franta.png);
}
.flag_background--finlanda {
  background: linear-gradient(270deg, #377FE4 52.6%, #0354C6 73.44%);
}
.flag_background--finlanda:after {
  background-image: url(../img/steaguri/header/finlanda.png);
}
.flag_background--canada {
  background: linear-gradient(270deg, #E2081E 20.83%, #FC384B 82.81%);
  opacity: 0.9;
}
.flag_background--canada:after {
  background-image: url(../img/steaguri/header/canada.png);
}
.flag_background--usa {
  background: linear-gradient(270deg, #B64650 39.06%, #32317B 88.02%);
}
.flag_background--usa:after {
  background-image: url(../img/steaguri/header/usa.png);
}
.flag_background--irlanda {
  background: linear-gradient(270deg, #FD7B38 0%, #23B978 59.37%);
  opacity: 0.95;
  box-shadow: inset -10px -5px 100px rgba(0, 0, 0, 0.15);
}
.flag_background--irlanda:after {
  background-image: url(../img/steaguri/header/irlanda.png);
}
.flag_background--ue {
  background: linear-gradient(270deg, #0156FF 11.46%, #0046D3 59.37%);
  opacity: 0.9;
}
.flag_background--ue:after {
  background-image: url(../img/steaguri/header/ue.png);
}
.flag_background--germania {
  background: linear-gradient(270deg, #F3CF39 0%, #E75600 66.15%, #DD0000 100%);
  opacity: 0.9;
}
.flag_background--germania:after {
  background-image: url(../img/steaguri/header/germania.png);
}
.flag_background--austria {
  background: linear-gradient(270deg, #E2081E 20.83%, #FC384B 82.81%);
}
.flag_background--belgia {
  background: linear-gradient(270deg, #F9D101 31.25%, #882100 100%);
}
.flag_background--belgia:after {
  background-image: url(../img/steaguri/header/belgia.png);
}
.flag_background--norvegia {
  background: linear-gradient(270deg, #E2081E 20.83%, #FC384B 82.81%);
}
.flag_background--danemarca {
  background: linear-gradient(270deg, #E2081E 20.83%, #FC384B 82.81%);
}
.flag_background--slovenia {
  background: linear-gradient(270deg, #005FDA 41.67%, #ED051C 84.9%);
  opacity: 0.8;
}
.flag_background--slovenia:after {
  background-image: url(../img/steaguri/header/slovenia.png);
}
.flag_background--australia {
  background: linear-gradient(270deg, #0156FF 11.46%, #2540FF 59.37%);
}
.flag_background--singapore {
  background: linear-gradient(270deg, #E2081E 20.83%, #EB6872 82.81%);
}
.flag_background--singapore:after {
  background-image: url(../img/steaguri/header/singapore.png);
}
.flag_background--turcia {
  background: linear-gradient(270deg, #E2081E 20.83%, #EB6872 82.81%);
}
.flag_background--turcia:after {
  background-image: url(../img/steaguri/header/turcia.png);
}
.flag_background--bosnia_si_hertegovin {
  background: linear-gradient(270deg, #FFC803 0%, #3750FF 46.87%);
}
.flag_background--elvetia {
  background: linear-gradient(270deg, #E2081E 20.83%, #D52B1E 82.81%);
}
.flag_background--elvetia:after {
  background-image: url(../img/steaguri/header/elvetia.png);
}
.flag_background--marea_britanie {
  background: linear-gradient(240.51deg, #CF142B 17.24%, #00247D 56.87%);
  opacity: 0.9;
}
.flag_background--islanda {
  background: linear-gradient(270deg, #E4485C 0%, #465BED 59.37%);
}
.flag_background--rsa {
  background: linear-gradient(313.54deg, #000000 30.59%, #438946 61.59%);
}

.image-con {
  height: var(--bigFlagDimension);
  width: var(--bigFlagDimension);
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin-right: 5px;
}
.image-con img {
  height: var(--bigFlagDimension);
  pointer-events: none;
  user-select: none;
}

.TicketsHistoryGrid__row {
  display: grid;
  grid-auto-rows: 45px;
  grid-template-columns: 80px 1fr 80px 1fr 1fr 1fr 40px;
  align-items: center;
  justify-items: center;
  column-gap: 2px;
  padding: 8px 0;
}
.TicketsHistoryGrid__row:nth-child(even) {
  background: var(--clickableColor);
}
.TicketsHistoryGrid__row--header {
  padding-bottom: 0;
  padding-top: 0;
}
.TicketsHistoryGrid__row--header .statusCon {
  position: relative;
}
.TicketsHistoryGrid__row--header .statusCon .Info {
  position: absolute;
  top: -4px;
  right: -8px;
}
.TicketsHistoryGrid__row__numbers {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
.TicketsHistoryGrid__row__numbers .SystemsTable {
  position: absolute;
  top: -6px;
  right: -9px;
  width: 10px;
}
.TicketsHistoryGrid__row div {
  text-align: center;
  transition: all ease-in 0.3s;
  font-weight: 300;
  font-size: var(--infoSize);
  text-align: center;
  color: var(--textColor);
}
.TicketsHistoryGrid__row div span:not(.status) {
  height: 15px;
  line-height: 15px;
  min-width: 15px;
  border-radius: 50%;
}
.TicketsHistoryGrid__row div .comma {
  width: 1px;
}
.TicketsHistoryGrid__row div:first-child {
  padding-left: 16px;
}
.TicketsHistoryGrid__row div:last-child {
  padding-right: 16px;
}
.TicketsHistoryGrid__row div.win-amount {
  position: relative;
}
.TicketsHistoryGrid__row div.win-amount .Winnings {
  position: absolute;
  top: -6px;
  right: -9px;
  width: 10px;
}
.TicketsHistoryGrid__row--header div {
  font-weight: 300;
  font-size: var(--infoSize);
  line-height: 14px;
  color: var(--infoColor);
  text-transform: uppercase;
}

.bold {
  font-weight: 700 !important;
}

.darkModeButton {
  background-color: transparent;
  border: none;
  margin: 60px auto;
}

span.statusSpecial {
  position: absolute;
  left: -6px;
  top: 1px;
}

.popUp-Content.runde {
  position: relative;
  width: 100%;
  background: transparent;
  color: var(--textColor);
}
.popUp-Content.runde .RoundsHistory {
  position: relative;
}
.popUp-Content.runde .RoundsHistory .noData {
  height: calc(42px * (var(--roundsHistoryRows) + 1));
}
.popUp-Content.runde .RoundsHistory__rowsCon {
  height: calc(42px * var(--roundsHistoryRows));
  margin: 0 24px;
}
@media screen and (max-width: 1100px) {
  .popUp-Content.runde .RoundsHistory__rowsCon {
    margin: 0;
  }
}
.popUp-Content.runde .RoundsHistory .RoundsHistory__row_header {
  margin: 0 24px;
}
@media screen and (max-width: 1100px) {
  .popUp-Content.runde .RoundsHistory .RoundsHistory__row_header {
    margin: 0;
  }
}
.popUp-Content.runde .RoundsHistory__row {
  display: grid;
  grid-template-columns: 100px 4fr;
  grid-template-rows: 42px;
  column-gap: 6px;
  align-items: center;
  justify-items: center;
  padding-right: 3px;
}
.popUp-Content.runde .RoundsHistory__row--error {
  position: absolute;
  display: block;
  margin-top: 25%;
  width: 100%;
  height: fit-content;
  background-color: transparent !important;
  text-align: center;
}
.popUp-Content.runde .RoundsHistory__row.commercial {
  grid-template-columns: 85px 3fr 1fr;
}
.popUp-Content.runde .RoundsHistory__row:nth-child(even) {
  background: var(--clickableColor);
}
.popUp-Content.runde .RoundsHistory__row div {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  font-weight: 300;
  font-size: var(--infoSize);
  text-align: center;
  color: var(--textColor);
}
.popUp-Content.runde .RoundsHistory__row__round__date {
  font-weight: 300;
  margin-left: 2px;
}
.popUp-Content.runde .RoundsHistory__row__numbers {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start !important;
}
.popUp-Content.runde .RoundsHistory__row__numbers .numbersExtracted {
  width: fit-content;
  min-width: unset;
  min-height: unset;
  font-size: var(--infoSize) !important;
  line-height: 12px !important;
  text-align: center;
  margin: 0 !important;
  background-color: transparent !important;
  border: none !important;
}
.popUp-Content.runde .RoundsHistory__row__numbers .numbersExtracted.active {
  color: #29882e !important;
  font-weight: 700;
}
.popUp-Content.runde .RoundsHistory__header {
  grid-template-rows: 22px;
  font-weight: 400;
  font-size: var(--infoSize);
  line-height: 14px;
  color: var(--textColor);
}
.popUp-Content.runde .RoundsHistory__header div {
  font-weight: 300;
  font-size: var(--infoSize);
  line-height: 14px;
  color: var(--infoColor);
  text-transform: uppercase;
}
.popUp-Content.runde .RoundsHistory__site {
  font-weight: 300;
  font-size: var(--infoSize);
  color: var(--infoColor);
  margin-top: 27px;
  padding-left: 16px;
}
.popUp-Content.runde .RoundsHistory__site a {
  font-weight: 300;
  font-size: 10px;
  text-decoration-line: underline;
  color: var(--infoColor);
  margin-top: 11px;
}
.popUp-Content.runde .RoundsHistory__site a:visited {
  color: var(--infoColor);
}
.popUp-Content.runde .pagination {
  position: unset;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  margin-top: 4px;
}
.popUp-Content.runde .pagination .segment_bottom {
  width: 33%;
}
@media screen and (min-width: 1100px) {
  .popUp-Content.runde .pagination .segment_bottom.pagination__buttons {
    order: 2;
  }
}
@media screen and (min-width: 1100px) {
  .popUp-Content.runde .pagination .segment_bottom.pagination__empty {
    order: 3;
  }
}
.popUp-Content.runde .pagination__empty {
  width: 55px;
  height: 1px;
}
.popUp-Content.runde .noData {
  height: 250px;
  margin-top: 52px;
  font-size: 12px;
}
.popUp-Content.runde .hideButton {
  position: absolute !important;
  top: 20px;
  right: 25px;
  height: 30px;
  border-radius: 10px;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: -0.05em !important;
  color: var(--textColor) !important;
  padding: 0 20px !important;
  text-transform: unset !important;
  background: transparent;
}

.buttonsHolderWidth {
  width: 70px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.filtru.date-picker {
  width: 100%;
  height: 70px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 30px 30px;
  row-gap: 5px;
  align-items: center;
  justify-items: start;
}
.filtru.date-picker .toggleHistory {
  grid-column: 2;
  grid-row: 1/3;
  justify-self: end;
}
.filtru.date-picker .date-picker-item {
  display: flex;
  gap: 4px;
  align-items: center;
  font-weight: 300;
  font-size: var(--infoSize);
  color: var(--textColor);
}
.filtru.date-picker .date-picker-item .MuiFormControl-root {
  width: 100%;
  font-weight: 700;
  font-size: var(--infoSize);
}
.filtru.date-picker .date-picker-item .MuiFormControl-root input {
  min-width: unset;
  width: 100%;
  height: 100% !important;
  font-size: var(--infoSize) !important;
  line-height: 30px;
  color: var(--textColor);
  font-weight: 500;
}
.filtru.date-picker .date-picker-item .MuiInputAdornment-root {
  display: none;
}
.filtru.date-picker .date-picker-item .date-picker-label {
  height: 30px;
  line-height: 30px;
  align-self: center;
}
.filtru.date-picker .date-picker-item span {
  display: block;
  height: 12px;
}

.popUp-Content.pariuri {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 541px;
  background: transparent;
}
.popUp-Content.pariuri .popup-filtre {
  padding: 10px 16px 0 16px;
}
.popUp-Content.pariuri .tableContainer {
  height: calc(42px * var(--ticketsHistoryRows) + 1px);
  overflow-x: hidden;
}
.popUp-Content.pariuri .runde-child {
  overflow: visible;
}
.popUp-Content.pariuri .filtru .DropDown {
  width: 100%;
}
.popUp-Content.pariuri .filtru .DropDown--opened .DropDown__header {
  background-color: var(--dropDownColor);
}
.popUp-Content.pariuri .filtru .DropDown--opened .DropDown__menu {
  max-height: 200px;
  top: 35px;
  background-color: var(--dropDownColor);
  border-radius: var(--borderRadius);
}
.popUp-Content.pariuri .filtru .DropDown--opened .DropDown__menu__option {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  font-size: var(--infoSize);
  line-height: 12px !important;
}
.popUp-Content.pariuri .filtru .DropDown--opened .DropDown__menu__option--selected {
  font-weight: 700;
  font-size: var(--normalSize);
}
.popUp-Content.pariuri .filtru .DropDown--opened .DropDown__menu__option button {
  width: 100%;
  height: 30px;
  flex-grow: 1;
  color: var(--textColor);
}
.popUp-Content.pariuri .filtru .DropDown--opened .DropDown__menu__option button:disabled {
  opacity: 0.5;
}
.popUp-Content.pariuri .filtru .DropDown__header {
  height: 40px;
  flex-direction: row;
  justify-content: center;
  padding-right: 16px;
  padding-left: 13px;
  background: var(--dropDownColor);
}
.popUp-Content.pariuri .filtru .DropDown__header__value {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  text-align: center;
  font-weight: 400;
  font-size: var(--infoSize);
  line-height: 14px;
  color: var(--textColor);
  padding: 5px 0;
}
.popUp-Content.pariuri .popup-filtre {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  column-gap: 24px;
  margin-bottom: 55px;
}
.popUp-Content.pariuri .popup-filtre .filtru {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}
.popUp-Content.pariuri .popup-filtre .date-picker {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: start;
}
.popUp-Content.pariuri .tableContainer .status:after {
  right: unset;
  left: 50%;
  margin-left: -5px;
}
.popUp-Content.pariuri .promotions_links {
  min-width: 55px;
  min-height: 1px;
  display: flex;
  flex-direction: row;
  align-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 4px 10px;
  margin: 14px auto;
  color: var(--textColor);
  padding: 10px;
  border: 1px solid #f00;
  border-radius: 5px;
  width: fit-content;
}
.popUp-Content.pariuri .promotions_links img {
  width: 20px;
}
@media screen and (max-width: 1100px) {
  .popUp-Content.pariuri .promotions_links {
    height: fit-content;
    padding: 4px 5px;
    margin: 3px auto;
    gap: 3px;
  }
}
.popUp-Content.pariuri .pagination {
  position: unset;
  left: unset;
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0 16px;
}
.popUp-Content.pariuri .pagination.noResults {
  justify-content: flex-end;
}

.popUp-Content.runde .DropDown__menu {
  max-height: 200px;
  top: 35px;
  background-color: var(--dropDownColor);
  border-radius: var(--borderRadius);
}
.popUp-Content.runde .DropDown__menu__option {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  font-size: var(--infoSize);
  line-height: 12px !important;
}
.popUp-Content.runde .DropDown__menu__option--selected {
  font-weight: 700;
  font-size: var(--normalSize);
}
.popUp-Content.runde .DropDown__menu__option button {
  width: 100%;
  height: 30px;
  flex-grow: 1;
  color: var(--textColor);
}
.popUp-Content.runde .DropDown__menu__option button:disabled {
  opacity: 0.5;
}

.tickets-status-explain {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-right: 16px;
  flex-wrap: wrap;
  padding: 0 14px;
}
@media screen and (max-width: 1100px) {
  .tickets-status-explain {
    padding-top: 0;
    padding-right: 0;
  }
}
.tickets-status-explain .status {
  justify-content: flex-end;
  padding-right: 1ch;
}

.pagination__holder {
  display: flex;
  flex-direction: column;
  margin: 10px auto;
  justify-content: center;
}
.pagination__holder .promotions_links {
  width: 75%;
}
.pagination__holder .pagination {
  width: fit-content !important;
}

.status {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  line-height: 14px;
  color: var(--infoColor);
  text-transform: lowercase;
  text-align: right;
  padding-left: 8px;
}
.status > .status {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.status span.statusColor {
  position: absolute !important;
  right: unset !important;
  top: 4px !important;
  left: -2px;
  width: 8px !important;
  height: 8px;
  border-radius: 50%;
  padding: 0 !important;
}
.status:before {
  position: absolute;
  content: "";
  left: -2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.status--castigator:before {
  background-color: #29882e;
}
.status--necastigator:before {
  background-color: #D42C1F;
}
.status--openBet:before {
  background-color: #0070FF;
}
.status--payed:before {
  background-color: #990099;
}
.status--returnStake:before, .status--returnBet:before {
  background-color: #6cce71;
}
.status--anulat:before {
  background-color: #cccfe0;
}
.status--selectedNumbers:before {
  background-color: #29882e;
}
.status--extractedNumbers:before {
  background-color: #757474;
}
.status--occurrences:before {
  background-color: #ff5722;
}
.status--noOccurrences:before {
  background-color: #43daeb;
}

.react-multi-carousel-list {
  position: relative;
  width: 100%;
  padding: 14px 20px 17px 20px;
  background-color: var(--background);
}
.react-multi-carousel-list img {
  width: calc(100% - 40px);
  border-radius: 16px;
}
.react-multi-carousel-list .react-multi-carousel-dot-list {
  bottom: 2px;
}
.react-multi-carousel-list .react-multi-carousel-dot-list .react-multi-carousel-dot button {
  width: 44px !important;
  height: 4px !important;
  border-radius: var(--borderRadius);
  border: 0;
  background-color: var(--dashColor);
}
.react-multi-carousel-list .react-multi-carousel-dot-list .react-multi-carousel-dot--active button {
  background: var(--background);
  filter: invert(1);
}
.react-multi-carousel-list:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.LotteryHeader {
  width: 100%;
  font-size: var(--headerSize);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--textColor);
}
.LotteryHeader__lottery {
  font-weight: 700;
  font-size: var(--headerSize);
  text-align: right;
  text-transform: uppercase;
  color: var(--flagTextColor);
}

.toggleModeBtn {
  width: 90px;
  height: 40px;
  background: transparent;
  border: none;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 15px;
}

.TopLotteriesHeader {
  width: calc(100% - 60px);
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 30px 17px 30px;
}

.con-scroll {
  width: 100%;
}

.col-mid .con-bile {
  display: flex;
  flex-wrap: wrap;
}

.popUp .win-amount {
  padding: 0 0 0 2px !important;
}

.toggleHistory {
  min-width: 104px;
  min-height: 24px;
  text-align: center;
  border: none;
  background: var(--clickableColor);
  border-radius: var(--borderRadius);
  font-weight: 500;
  font-size: var(--infoSize);
  line-height: 14px;
  color: var(--textColor);
  padding: 0;
}

.SpainFlag {
  position: relative;
}
.SpainFlag img {
  position: absolute;
  top: 17px;
  left: 19px;
  height: 21px;
}

.VisualGuide {
  width: 100%;
  height: fit-content;
  margin-bottom: 42px;
}
.VisualGuide__title {
  font-style: normal;
  font-weight: 300;
  font-size: var(--titleSize);
  color: var(--accentColor);
  margin: 23px 0;
}
.VisualGuide__steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 125px;
}
.VisualGuide__steps__step {
  max-width: 30%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.VisualGuide__steps__step__order {
  font-weight: 300;
  font-size: var(--titleSize);
  color: var(--accentColor);
}
.VisualGuide__steps__step__action {
  font-size: var(--headerSize);
  font-weight: 700;
  color: var(--textColor);
}
.VisualGuide__steps__check {
  width: 20px;
}

.LineGuide {
  position: relative;
  width: 80px;
  height: 5px;
}
.LineGuide__ball {
  position: relative;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--accentColor);
  display: none;
}
.LineGuide__ball--animated {
  display: block;
  position: relative;
  animation: direction 1.3s ease-in-out infinite;
}
.LineGuide__ball--animated:after, .LineGuide__ball--animated:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: var(--accentColor);
}
.LineGuide__ball--animatedUp {
  display: block;
  position: relative;
  animation: directionUp 1.3s ease-in-out infinite;
}
.LineGuide__ball--animatedUp:after, .LineGuide__ball--animatedUp:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: var(--accentColor);
}
.LineGuide__ball--animatedUp::before {
  animation: pulse 2s ease-out infinite;
}
.LineGuide__ball--animatedUp::after {
  animation: pulse 2s 1s ease-out infinite;
}
.LineGuide__ball--animatedSmaller {
  position: relative;
  animation: directionSmaller 1.3s ease-in-out infinite;
}
.LineGuide__ball--animatedSmaller:after, .LineGuide__ball--animatedSmaller:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: var(--accentColor);
}
.LineGuide__ball--animatedSmaller::before {
  animation: pulse 2s ease-out infinite;
}
.LineGuide__ball--animatedSmaller::after {
  animation: pulse 2s 1s ease-out infinite;
}
.LineGuide__dash {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 1px;
  border-top: 2px dashed var(--accentColor);
}

.AppCustomization {
  user-select: unset;
  position: fixed;
  top: 100px;
  left: 0;
  width: 500px;
  height: 700px;
  overflow-y: auto;
  padding: 30px;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.AppCustomization label {
  user-select: unset;
  margin-bottom: 10px;
}
.AppCustomization label span {
  user-select: all;
  display: inline-block;
  min-width: 170px;
}
.AppCustomization__json {
  user-select: all;
  width: 100%;
  margin-top: 10px;
  line-break: anywhere;
}

.BarCodePreOrder {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 15px;
}
.BarCodePreOrder__ticketDetails {
  display: none;
}
.BarCodePreOrder__print {
  display: block;
  height: 40px;
  line-height: 40px;
  background: #3f56f2 !important;
  border-radius: 2px;
  font-weight: 700;
  font-size: var(--normalSize);
  text-transform: uppercase;
  color: var(--textColor);
  padding: 0 10px;
  margin-top: 12px;
}

.CheckRetailTicket {
  width: calc(100% - 78px);
  margin: 26px 39px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  height: 32px;
  background: var(--winnersColor);
  padding: 0 20px 0 14px;
  flex-grow: 1;
}
.CheckRetailTicket input.CheckRetailTicket__input {
  height: var(--normalSize);
  font-size: var(--normalSize) !important;
  line-height: var(--normalSize) !important;
}
.CheckRetailTicket__input {
  width: 100%;
  background-color: transparent;
  border: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: var(--textColor);
  font-size: var(--normalSize) !important;
}
.CheckRetailTicket__enter {
  position: absolute;
  top: 0;
  right: 5px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  margin: 0 !important;
}
.CheckRetailTicket__enter svg {
  fill: var(--accentColor);
  stroke: var(--accentColor);
  stroke-linejoin: round;
}
.CheckRetailTicket__enter svg polygon {
  stroke-linejoin: round;
}
.CheckRetailTicket__enter img {
  background-color: var(--accentColor);
  -webkit-mask: url(../img/icon/enter.svg) no-repeat center;
  mask: url(../img/icon/enter.svg) no-repeat center;
}
.CheckRetailTicket__explication {
  width: 100%;
}

.RetailTicket {
  width: 100%;
  height: calc(100% - 85px);
  overflow-y: auto;
  padding: 0 25px 10px 25px;
  background-color: var(--background);
  color: var(--textColor);
}
.RetailTicket__header {
  position: relative;
  width: 100vw;
  left: -25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 0 16px;
}
.RetailTicket__header h1 {
  font-weight: 700;
  font-size: 20px;
  line-height: 16px;
  margin: 0;
  color: var(--textColor);
}
.RetailTicket__header__close {
  width: fit-content;
  height: 24px;
  font-weight: 500;
  font-size: var(--infoSize);
  background: transparent;
  color: var(--textColor);
  border-radius: var(--borderRadius);
  padding: 5px 6px;
  text-transform: lowercase;
  filter: invert(1);
}
.RetailTicket__header__close img {
  width: 15px;
}
.RetailTicket__content {
  background: var(--background);
}
.RetailTicket__content .CheckRetailTicket {
  width: calc(100% - 25px);
  margin: 16px 12.5px;
}
.RetailTicket__ticketsTotal {
  display: grid;
  grid-template-columns: min-content 1fr 1fr max-content;
  grid-template-rows: 16px 16px;
  row-gap: 8px;
  align-items: center;
  justify-items: center;
  margin-bottom: 18px;
  padding: 0 12px;
}
.RetailTicket__ticketsTotal p {
  width: fit-content;
  margin: 0;
  font-size: 14px;
}
.RetailTicket__ticketsTotal__stake, .RetailTicket__ticketsTotal__value, .RetailTicket__ticketsTotal__status, .RetailTicket__ticketsTotal__win {
  font-weight: 700;
}
.RetailTicket__ticketsTotal__stake--value, .RetailTicket__ticketsTotal__value--value, .RetailTicket__ticketsTotal__status--value, .RetailTicket__ticketsTotal__win--value {
  font-weight: 400;
}
.RetailTicket__ticketsTotal__win--value span {
  display: block;
  width: 15px;
  height: 1px;
  background-color: var(--textColor);
}
.RetailTicket__ticketsTotal__status--value {
  width: fit-content;
  height: 24px;
  line-height: 17px;
  padding: 3px 5px;
  border-radius: 10px;
  text-transform: lowercase;
  font-weight: 700;
  font-size: var(--normalSize);
}
.RetailTicket__ticketsTotal__status--value.s0 {
  color: #0070FF;
}
.RetailTicket__ticketsTotal__status--value.s1 {
  color: #29882e;
}
.RetailTicket__ticketsTotal__status--value.s2 {
  color: #D42C1F;
}
.RetailTicket__ticketsTotal__status--value.s3 {
  color: #29882e;
}
.RetailTicket__ticketsTotal__status--value.s4 {
  color: #29882e;
}
.RetailTicket__ticketsTotal__status--value.s5 {
  color: #cccfe0;
}
.RetailTicket__ticketsTotal__status--value.s6 {
  color: #990099;
}
.RetailTicket__ticketsTotal__status--value.s9 {
  color: #990099;
}
.RetailTicket__ticketInfo {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 20px 30px 20px 30px;
}
.RetailTicket__ticketInfo__system {
  grid-column: 1;
  grid-row: 1;
}
.RetailTicket__ticketInfo__system--value {
  grid-column: 1;
  grid-row: 2;
}
.RetailTicket__ticketInfo__value {
  grid-column: 2;
  grid-row: 1;
}
.RetailTicket__ticketInfo__value--value {
  grid-column: 2;
  grid-row: 2;
}
.RetailTicket__ticketInfo__stake {
  grid-column: 1;
  grid-row: 3;
}
.RetailTicket__ticketInfo__stake--value {
  grid-column: 1;
  grid-row: 4;
}
.RetailTicket__ticketInfo__status {
  grid-column: 2;
  grid-row: 3;
}
.RetailTicket__ticketInfo__status--value {
  grid-column: 2;
  grid-row: 4;
}
.RetailTicket__ticketInfo--win {
  grid-template-columns: repeat(3, 1fr);
}
.RetailTicket__ticketInfo--win .ticketInfo__stake {
  grid-column: 3;
  grid-row: 1;
}
.RetailTicket__ticketInfo--win .ticketInfo__stake--value {
  grid-column: 3;
  grid-row: 2;
}
.RetailTicket__ticketInfo--win .ticketInfo__status {
  grid-column: 2/4;
  grid-row: 3;
}
.RetailTicket__ticketInfo--win .ticketInfo__status--value {
  grid-column: 2/4;
  grid-row: 4;
}
.RetailTicket__ticketInfo--win .ticketInfo__win {
  grid-column: 1;
  grid-row: 3;
}
.RetailTicket__ticketInfo--win .ticketInfo__win--value {
  grid-column: 1;
  grid-row: 4;
}
.RetailTicket__tickets {
  width: 100%;
  height: fit-content;
}
.RetailTicket__tickets__ticket {
  background: #fafafa;
  border-radius: var(--borderRadius);
  padding: 12px 14px;
  margin-bottom: 10px;
}
.RetailTicket__tickets__ticket__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.RetailTicket__tickets__ticket__header p {
  font-weight: 300;
  font-size: 14px;
  margin: 0 0 4px 0;
}
.RetailTicket__tickets__ticket__header p span {
  font-weight: 700;
}
.RetailTicket__tickets__ticket__header__system {
  width: 100%;
  text-transform: lowercase;
  font-size: 12px !important;
}
.RetailTicket__tickets__ticket__header__system span {
  font-weight: 300 !important;
}
.RetailTicket__tickets__ticket__numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 12px;
}
.RetailTicket__tickets__ticket__numbers__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #d42c1f;
  font-weight: 700;
  font-size: 24px;
  color: #ffffff;
  margin-right: 5px;
  margin-bottom: 8px;
}
.RetailTicket__tickets__ticket__numbers__number--guessed {
  background-color: #29882e !important;
}
.RetailTicket__tickets__ticket__numbersExtracted div,
.RetailTicket__tickets__ticket__numbersExtracted span {
  font-size: 12px;
}
.RetailTicket__tickets__ticket__details {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-auto-rows: 16px;
  align-items: center;
  justify-items: start;
  margin-top: 10px;
  font-size: 12px;
}
.RetailTicket__tickets__ticket__details p {
  margin: 0;
}
.RetailTicket__tickets__ticket__details p:nth-child(2n) {
  text-align: right;
}
.RetailTicket__tickets__ticket__details span {
  text-transform: lowercase;
  font-weight: 700;
}
.RetailTicket__tickets__ticket__details span.s0 {
  color: #0070FF;
}
.RetailTicket__tickets__ticket__details span.s1 {
  color: #04b343;
}
.RetailTicket__tickets__ticket__details span.s2 {
  color: #D42C1F;
}
.RetailTicket__tickets__ticket__details span.s3 {
  color: #29882e;
}
.RetailTicket__tickets__ticket__details span.s4 {
  color: #6cce71;
}
.RetailTicket__tickets__ticket__details span.s5 {
  color: #cccfe0;
}
.RetailTicket__tickets__ticket__details span.s6 {
  color: #990099;
}
.RetailTicket__tickets__ticket__details span.s9 {
  color: #990099;
}

.toggleMode {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  margin: 24px auto 10px auto;
  background: transparent;
}
.toggleMode div {
  margin-top: 6px;
  font-weight: 300;
  font-size: 10px;
  color: var(--infoColor);
  text-transform: lowercase;
}

.Info {
  background-color: transparent;
}
.Info img {
  width: 10px;
}
.Info__text {
  position: absolute;
  border: 1px solid var(--outlineColor);
  border-radius: var(--borderRadius);
}
.Info__text.ticketId {
  width: fit-content;
  font-size: var(--infoSize);
  background: var(--winnersColor);
  text-align: center;
  padding: 5px;
  border-radius: var(--borderRadius);
  border: 1px solid var(--outlineColor);
  color: var(--textColor);
}

.LeaderBoardHowToPlay {
  max-height: 500px;
  overflow-y: auto;
  padding: 0 10px;
}
.LeaderBoardHowToPlay table {
  width: 50%;
  margin: 0 25%;
}
.LeaderBoardHowToPlay table,
.LeaderBoardHowToPlay th,
.LeaderBoardHowToPlay td {
  border: 1px solid black;
  border-collapse: collapse;
  text-align: center;
}
.LeaderBoardHowToPlay li {
  position: relative;
  padding-left: 16px;
  margin-left: 5px;
}
.LeaderBoardHowToPlay li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 5px;
  height: 5px;
  background: #000000;
  border-radius: 50%;
}

.LeaderBoardHowToPlay.PFRHowToPlay {
  max-height: unset;
}
.LeaderBoardHowToPlay.PFRHowToPlay h1 {
  justify-content: center !important;
  font-size: 18px !important;
  padding: 0 0 0 0 !important;
}
.LeaderBoardHowToPlay.PFRHowToPlay li ol {
  padding-left: 20px !important;
}
.LeaderBoardHowToPlay.PFRHowToPlay li ol li:after {
  content: none;
}
.LeaderBoardHowToPlay.PFRHowToPlay li p {
  margin: 0 !important;
  padding: 0 !important;
}
.LeaderBoardHowToPlay.PFRHowToPlay table {
  width: 75% !important;
  margin: 0 12.5% !important;
}
.LeaderBoardHowToPlay.PFRHowToPlay table td {
  min-width: 50px !important;
}

.LeaderBoard {
  background: var(--winnersColor);
  color: var(--textColor);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 17px;
  border-radius: 0;
  border-top-left-radius: var(--borderRadius);
  border-top-right-radius: var(--borderRadius);
}
.LeaderBoard__table {
  width: 100%;
  margin: unset;
  background: var(--winnersColor);
  border-radius: var(--borderRadius);
}
.LeaderBoard__table .currentUser {
  display: none;
}
.LeaderBoard__table h4 {
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 9px;
}
.LeaderBoard__table__rows {
  width: 100%;
  max-height: 600px;
  overflow-y: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 10px;
}
.LeaderBoard__table__rows > div:nth-child(2n+1):not(.LeaderBoard__table__rows__row--currentUser) {
  background: #e9e9e9 !important;
}
.LeaderBoard__table__rows > div:nth-child(2n+1):not(.LeaderBoard__table__rows__row--currentUser) .LeaderBoardPrize__money {
  background: #e9e9e9 !important;
}
.LeaderBoard__table__rows__row {
  display: grid;
  grid-template-columns: minmax(50px, 2fr) minmax(35px, 1fr) minmax(120px, 140px) minmax(5px, 16px);
  grid-template-rows: 30px;
  align-items: center;
  justify-items: center;
  font-weight: 300;
  font-size: 12px;
  background: var(--winnersColor);
  transition: all ease-in-out;
}
.LeaderBoard__table__rows__row .username {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.LeaderBoard__table__rows__row__points {
  max-width: 100%;
  overflow: hidden;
}
.LeaderBoard__table__rows__row .LeaderBoardPrize {
  justify-self: end;
}
.LeaderBoard__table__rows__row .LeaderBoardPrize__money {
  background: var(--winnersColor);
}
.LeaderBoard__table__rows__row:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.LeaderBoard__table__rows__row--newEntry {
  color: var(--textColor);
  background: #ffeb37 !important;
  font-weight: 700;
}
.LeaderBoard__table__rows__row__prize {
  justify-self: end;
  background: var(--leaderBoardPrize);
  padding-left: 5px;
  font-weight: 700;
  line-height: 23px;
  border-radius: 3px;
  min-width: 115px;
  text-align: center;
  position: relative;
  padding-right: 35px;
  color: #ffffff;
}
.LeaderBoard__table__rows__row__prize b {
  background-color: var(--background);
  border: 2px solid var(--leaderBoardPrize);
  font-weight: 100;
  padding: 2px;
  font-size: 12px;
  padding: 3px;
  font-size: 12px;
  border-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  margin: 0;
  line-height: 13px;
  height: 23px;
  color: var(--textColor);
}
.LeaderBoard__table__rows__header {
  position: relative;
  grid-template-rows: 40px;
  grid-template-columns: 1fr 1fr 1fr 16px;
  background: var(--clickableColor);
  border-radius: var(--borderRadius);
  font-weight: 700;
  font-size: var(--normalSize);
  font-weight: 300;
  line-height: calc(var(--normalSize) + 2px);
  text-transform: uppercase;
}
.LeaderBoard__table__rows__header .LeaderBoard__row__prize {
  padding-left: 40px;
}
.LeaderBoard__table__header {
  position: relative;
  width: 100%;
  text-transform: uppercase;
  border-radius: 0;
}
.LeaderBoard__table__header__details {
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 10px;
  color: #403e3e;
  text-transform: lowercase;
  padding: 0 33px 0 8px;
}
.LeaderBoard__table__header .LeaderBoard__table__row__prize {
  padding-right: 8px;
}
.LeaderBoard__toggleWinners {
  height: 40px !important;
  margin-bottom: 25px !important;
  letter-spacing: -0.5px;
  background: #e0e1e2 !important;
  border-radius: 3px !important;
}
.LeaderBoard h1 {
  width: 100%;
  font-weight: 700;
  font-size: 24px;
  color: var(--textColor);
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: 15px;
  text-align: center;
  letter-spacing: -0.3px;
  text-transform: capitalize;
}
.LeaderBoard h1 img {
  height: 21px;
  width: 21px;
  margin-right: 13px;
}
.LeaderBoard h4 {
  padding-left: 20px;
  font-size: 14px;
  font-weight: 500;
}
.LeaderBoard button {
  width: fit-content;
  height: 32px;
  padding: 0 18px;
  border-radius: 10px;
  background: transparent;
  font-weight: 700;
  font-size: 12px;
  color: var(--textColor);
  margin-top: 24px;
}
.LeaderBoard .currency {
  text-transform: lowercase;
  padding-left: 5px;
  padding-right: 5px;
}
.LeaderBoard .currentUser {
  position: relative;
  height: 30px;
  display: flex;
  align-items: flex-end;
}
.LeaderBoard .currentUser::after {
  position: absolute;
  content: "";
  top: 2px;
  left: 12px;
  width: calc(100% - 24px);
  height: 1px;
  border-top: 1px dashed #48576f;
}
.LeaderBoard .currentUser .LeaderBoard__table__rows__row {
  width: 100%;
}
.LeaderBoard .currentUser .LeaderBoard__table__rows__row__prize {
  text-align: left;
}
.LeaderBoard .timeleft,
.LeaderBoard .fondPremiere {
  width: fit-content;
}
.LeaderBoard .timeleft .label,
.LeaderBoard .timeleft .countDown,
.LeaderBoard .fondPremiere .label,
.LeaderBoard .fondPremiere .countDown {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
}
.LeaderBoard .timeleft .countDown .days,
.LeaderBoard .timeleft .countDown .hours,
.LeaderBoard .timeleft .countDown .minutes,
.LeaderBoard .fondPremiere .countDown .days,
.LeaderBoard .fondPremiere .countDown .hours,
.LeaderBoard .fondPremiere .countDown .minutes {
  border-radius: 2px;
  padding: 3px 3px;
}
.LeaderBoard .timeleft .countDown .days b,
.LeaderBoard .timeleft .countDown .hours b,
.LeaderBoard .timeleft .countDown .minutes b,
.LeaderBoard .fondPremiere .countDown .days b,
.LeaderBoard .fondPremiere .countDown .hours b,
.LeaderBoard .fondPremiere .countDown .minutes b {
  margin-left: 2px;
}
.LeaderBoard .timeleft .countDown span,
.LeaderBoard .fondPremiere .countDown span {
  background: #1f2123;
  margin: 0 2.5px;
  color: #ffffff;
}
.LeaderBoard .timeleft {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 5px 0;
}
.LeaderBoard .timeleft .label {
  width: fit-content !important;
  padding: 0 5px !important;
  font-size: 12px;
  font-weight: 500;
}
.LeaderBoard .fondPremiere {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
.LeaderBoard .fondPremiere div {
  width: fit-content;
}
.LeaderBoard .fondPremiere img {
  padding: 0 4px 0 6px;
}
.LeaderBoard .fondPremiere .suma {
  font-size: 12px;
  font-weight: 700;
}
.LeaderBoard .statusUtilizator {
  width: 100%;
  display: inline-flex;
  margin-top: 15px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.LeaderBoard .statusUtilizator.curand span {
  color: #ee6f2d;
}
.LeaderBoard .statusUtilizator.curand img {
  width: 16px;
}
.LeaderBoard .statusUtilizator span {
  border-radius: 7px;
  font-weight: 700;
  font-size: 11px;
  line-height: 13px;
  margin: 0 auto;
  padding: 5px;
  width: 100%;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  color: #0ab75b;
}
.LeaderBoard .statusUtilizator span img {
  margin-bottom: -3px;
}
.LeaderBoard .meniuLeaderboard {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 10px;
}
.LeaderBoard .meniuLeaderboard button {
  width: 170px;
  max-width: 80%;
  text-transform: uppercase;
  border: none;
  border-radius: 15px;
  color: #97989a;
  margin: 5px 0;
  font-weight: 100;
  padding: 0 32px;
  z-index: 4;
  position: relative;
}
.LeaderBoard .meniuLeaderboard button.active {
  background: #2d3745;
  color: #ffffff;
  z-index: 5;
  opacity: 1 !important;
}
.LeaderBoard .pozitieJucator {
  width: 100%;
}
.LeaderBoard .pozitieJucator.true .detaliiJucator {
  border: 2px solid #ffeb37;
}
.LeaderBoard .pozitieJucator h4 {
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}
.LeaderBoard .pozitieJucator > div {
  grid-template-columns: 0.5fr 1fr 1fr 16px;
  grid-template-rows: 30px;
  display: grid;
  align-items: center;
  justify-content: center;
  background: var(--winnersColor);
}
.LeaderBoard .pozitieJucator > div > div {
  height: fit-content;
  width: fit-content;
  justify-self: center;
}
.LeaderBoard .pozitieJucator span {
  display: inline-block;
  text-align: center;
  background: inherit;
}
.LeaderBoard .pozitieJucator .numeJucator {
  grid-template-rows: 25px !important;
  background: unset !important;
  padding-left: 25px;
  font-weight: 500;
}
.LeaderBoard .pozitieJucator .money {
  color: #ffffff;
  background: var(--leaderBoardPrize);
  padding-left: 5px;
  font-weight: 700;
  line-height: 23px;
  min-width: 115px;
  text-align: center;
  border-radius: 3px;
  position: relative;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding-right: 35px;
}
.LeaderBoard .pozitieJucator .money b {
  color: var(--textColor);
  background-color: var(--background);
  border: 2px solid var(--leaderBoardPrize);
  font-weight: 100;
  padding: 3px;
  font-size: 12px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  text-transform: uppercase;
  overflow: hidden;
  line-height: 13px;
  height: 23px;
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
}
.LeaderBoard .pozitieJucator .moneyPlayer {
  width: 100%;
  background: inherit;
  text-align: center;
  font-size: 12px;
}
.LeaderBoard .pozitieJucator .moneyPlayer .currency {
  background: var(--leaderBoardPrize);
}
.LeaderBoard .pozitieJucator .detaliiJucator {
  background: #e0e1e2;
  margin: 0 16px;
  border-radius: 3px;
}
.LeaderBoard .listaPremii {
  width: 100%;
}
.LeaderBoard .listaPremii .con-scroll::-webkit-scrollbar {
  display: none;
}
.LeaderBoard .listaPremii h4 {
  margin-bottom: 8px;
  margin-top: 15px;
}
.LeaderBoard .listaPremii .listaPremii_scroll {
  margin-bottom: 20px;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 16px;
  width: 100%;
  display: -webkit-inline-box;
  overflow-y: hidden;
  overflow-x: auto;
}
.LeaderBoard .listaPremii .listaPremii_scroll .premiu {
  min-width: 165px;
  height: 100%;
  background: #e0e1e2;
  scroll-snap-align: start;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-radius: 3px;
  margin-right: 5px;
  padding: 10px;
}
.LeaderBoard .listaPremii .listaPremii_scroll .premiu:first-child {
  margin-left: 16px;
}
.LeaderBoard .listaPremii .listaPremii_scroll .premiu .index {
  padding-left: 5px;
}
.LeaderBoard .listaPremii .listaPremii_scroll .premiu .valoare {
  color: #ffffff;
  background: var(--leaderBoardPrize);
  padding-left: 5px;
  margin-left: 10px;
  font-weight: 700;
  line-height: 23px;
  text-transform: lowercase;
  min-width: 115px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  position: relative;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding-right: 35px;
}
.LeaderBoard .listaPremii .listaPremii_scroll .premiu .valoare > span {
  text-transform: lowercase;
  padding-left: 5px;
  padding-right: 5px;
}
.LeaderBoard .listaPremii .listaPremii_scroll .premiu b {
  border: 2px solid var(--leaderBoardPrize);
  font-weight: 100;
  padding: 3px;
  font-size: 12px;
  text-transform: uppercase;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  line-height: 13px;
  height: 23px;
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
}
.LeaderBoard .listaPremii .listaPremii_scroll::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.LeaderBoard .cumSeJoaca {
  width: 100%;
  padding: 5px 16px;
  font-size: 12px;
  color: var(--textColor);
  max-height: 440px;
  overflow-y: auto;
}
.LeaderBoard .cumSeJoaca::-webkit-scrollbar-track {
  background-color: var(--stepsBackground);
}
.LeaderBoard .cumSeJoaca p {
  text-align: justify;
}
.LeaderBoard .cumSeJoaca .center {
  text-align: center;
}
.LeaderBoard .cumSeJoaca .noMargin {
  margin: 0;
  padding: 0;
}
.LeaderBoard .cumSeJoaca .row.regulament-text::-webkit-scrollbar-thumb {
  background-color: var(--clickableColor);
}
.LeaderBoard .cumSeJoaca .row.regulament-text::-webkit-scrollbar-track {
  background-color: var(--stepsBackground);
}

.PromotionBanner {
  width: 100%;
  padding: 10px;
  text-transform: uppercase;
  background: var(--clickableColor);
  text-align: center;
  border-radius: var(--borderRadius);
  margin: 0 16px 10px 16px;
}
.PromotionBanner--second {
  margin-top: 0;
}
.PromotionBanner a {
  color: var(--textColor);
  font-weight: 700;
  font-size: var(--normalSize);
}
.PromotionBanner img {
  width: 15px;
}
.PromotionBanner p {
  margin: 0;
}

.TicketsStatusUnfolded {
  width: calc(100% - var(--stepsMargin) * 2);
  margin: 10px var(--stepsMargin);
  background: var(--stepsBackground);
  color: var(--stepsTextColor);
  z-index: 99999999999;
  opacity: 1;
}
.TicketsStatusUnfolded__summary {
  border: 1px solid var(--stepsOutlineColor);
  border-radius: var(--borderRadius);
  padding: 10px 33px;
}
.TicketsStatusUnfolded__summary__title {
  position: relative;
  font-size: var(--accentSize);
  font-weight: 700;
  text-align: center;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.TicketsStatusUnfolded__summary__title div {
  flex-grow: 1;
  text-align: center;
}
.TicketsStatusUnfolded__summary__title__closeBtn {
  background: transparent;
  border: none;
  width: 17px;
  height: 17px;
  padding: 0;
  display: flex;
}
.TicketsStatusUnfolded__summary__title__closeBtn img {
  width: 15px;
  filter: invert(1);
}
.TicketsStatusUnfolded__table {
  width: 100%;
  max-height: 275px;
  overflow-y: scroll;
}
.TicketsStatusUnfolded__table table {
  width: 100%;
  border-collapse: collapse;
}
.TicketsStatusUnfolded__table tr {
  min-height: 18px;
}
.TicketsStatusUnfolded__table tr td {
  vertical-align: top;
  padding-top: 10px;
  font-size: var(--infoSize);
}
.TicketsStatusUnfolded__table tr td:nth-child(1), .TicketsStatusUnfolded__table tr td:nth-child(2) {
  max-width: 50px;
}
.TicketsStatusUnfolded__table__header {
  font-size: var(--normalSize);
  font-weight: 700;
  text-align: center;
}
.TicketsStatusUnfolded__table__row {
  text-align: center;
  font-size: var(--subHeaderSize);
}
.TicketsStatusUnfolded__table__row__status {
  font-weight: 700;
  text-transform: capitalize;
}
.TicketsStatusUnfolded__table__row__status--succes, .TicketsStatusUnfolded__table__row__status--eligible {
  color: #37a25c;
}
.TicketsStatusUnfolded__table__row__status--error, .TicketsStatusUnfolded__table__row__status--rejected {
  color: #d42c1f;
}
.TicketsStatusUnfolded__table .error {
  font-size: var(--infoSize);
  font-weight: 500;
}
.TicketsStatusUnfolded__table .error td {
  padding-top: 2px;
  padding-bottom: 5px;
}
.TicketsStatusUnfolded__table .border td,
.TicketsStatusUnfolded__table .error td {
  border-bottom: 1px solid var(--outlineColor);
  text-align: center;
  padding: 10px;
}
.TicketsStatusUnfolded__table .numbersCell {
  position: relative;
  max-width: 115px;
  min-width: 55px;
  word-break: break-word;
  padding-right: 3px;
}
.TicketsStatusUnfolded__table .numbersCell .SystemsTable {
  position: absolute;
  top: 0;
  right: -3px;
  width: fit-content;
}

.TicketsMessages {
  margin-top: 15px;
}

.date-picker-item,
.RoundsHistory__filters__time {
  width: 100%;
}
.date-picker-item .MuiFormControl-root,
.RoundsHistory__filters__time .MuiFormControl-root {
  height: 40px !important;
  padding: 0 5px;
  border: 1px solid var(--clickableColor);
  border-radius: var(--borderRadius);
}
.date-picker-item .MuiFormControl-root div,
.RoundsHistory__filters__time .MuiFormControl-root div {
  height: 40px !important;
  line-height: 40px !important;
}
.date-picker-item .MuiFormControl-root input,
.RoundsHistory__filters__time .MuiFormControl-root input {
  text-align: center;
}
.date-picker-item .date-picker-label,
.RoundsHistory__filters__time .date-picker-label {
  height: 40px !important;
  line-height: 40px !important;
  min-width: 80px;
}

.LottoSearch {
  height: 40px;
  margin-bottom: 11px;
  border-radius: var(--borderRadius);
  background-color: var(--clickableColor);
  display: flex;
  padding-left: 18px;
}
.LottoSearch input {
  font-size: var(--infoSize);
  text-align: left;
  margin-left: 13px;
}
.LottoSearch input.uppercase {
  text-transform: uppercase;
}
.LottoSearch input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--infoColor);
}
.LottoSearch img {
  filter: invert(1);
}

.LeaderBoardPrize {
  min-width: 90px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--leaderBoardPrize);
  background: var(--leaderBoardPrize);
  border-radius: 2px;
}
.LeaderBoardPrize__value {
  width: calc(100% - 25px);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}
.LeaderBoardPrize__money {
  width: 70px;
  background: #e0e1e2;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 700;
  text-align: center;
}

.JackpotController {
  width: 100%;
}
.JackpotController .JackpotPresentation {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 7.5px;
  background: var(--stepsBackground);
  padding: 12px;
}
.JackpotController .JackpotPresentation__header__totalPossWins__total {
  width: 100% !important;
  display: flex;
  align-items: baseline;
  justify-content: center;
  color: var(--textColor);
}
.JackpotController .JackpotPresentation__header__totalPossWins__total__amount {
  font-style: italic;
}
.JackpotController .JackpotPresentation__header__totalPossWins__total__amount div {
  width: fit-content;
}
.JackpotController .JackpotPresentation__header__totalPossWins__total__amount .NumberAnimated__period {
  width: 5px;
}
.JackpotController .JackpotPresentation__header__totalPossWins__total__amount .NumberAnimatedSpan {
  font-style: italic;
}
.JackpotController .JackpotPresentation__header__totalPossWins__total__amount .NumberAnimatedSpan div {
  font-weight: 900 !important;
}
.JackpotController .JackpotStatus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.JackpotController .JackpotStatus:first-child {
  justify-self: start;
}
.JackpotController .JackpotStatus:nth-child(2) {
  justify-self: center;
}
.JackpotController .JackpotStatus:last-child {
  justify-self: end;
}
.JackpotController .JackpotStatus .NumberAnimated {
  height: 20px;
}
.JackpotController .JackpotStatus .NumberAnimated .NumberAnimatedSpan {
  min-width: 7px;
  width: fit-content;
}
.JackpotController .JackpotStatus__level {
  width: 27px;
  margin-right: 6px;
}
.JackpotController .JackpotStatus__prize {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  color: var(--textColor);
  font-size: 14px;
  font-weight: 700;
}
.JackpotController .JackpotStatus__prize .NumberAnimated__period {
  width: 4px;
}
.JackpotController .JackpotStatus__prize__currency {
  font-size: 12px;
  font-weight: 400;
}
.JackpotController .JackpotHistory {
  width: 100%;
  padding: 15px 12px;
}
.JackpotController .JackpotHistory__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.JackpotController .JackpotHistory__header__title {
  display: flex;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 600;
  color: var(--textColor);
}
.JackpotController .JackpotHistory__header__title button {
  background: transparent;
}
.JackpotController .JackpotHistory__header__title img {
  margin-left: 6px;
}
.JackpotController .JackpotHistory__header__toggle {
  font-size: 12px;
  font-weight: 400;
  color: #838e94;
  background: transparent;
}
.JackpotController .JackpotHistory__header__toggle svg {
  transform: rotate(-90deg);
  color: #838e94;
  margin-left: 5px;
}
.JackpotController .JackpotHistory__header__toggle__active svg {
  transform: rotate(90deg);
}
.JackpotController .JackpotHistory__winners {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.JackpotController .JackpotHistory__winners__toggle {
  background: transparent;
  text-align: center;
  margin-bottom: 12px;
  color: var(--textColor);
}
.JackpotController .JackpotHistory__winners__toggle svg {
  transform: rotate(90deg);
  margin-left: 5px;
}
.JackpotController .JackpotHistory__winners__toggle--open svg {
  transform: rotate(-90deg);
}
.JackpotController .JackpotHistory__winners .JackpotLevel {
  margin-bottom: 12px;
}
.JackpotController .JackpotHistory__winners .MountAnimation.jackpotWinners {
  width: 100%;
  max-height: 550px;
  overflow-y: auto;
}
.JackpotController .JackpotLevel {
  width: 278px;
  height: 98px;
  display: flex;
  border-radius: var(--borderRadius);
  background: var(--stepsBackground);
}
.JackpotController .JackpotLevel__winner {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px 10px;
}
.JackpotController .JackpotLevel__winner > div {
  width: 100%;
}
.JackpotController .JackpotLevel__winner__amount {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  margin-bottom: 12px;
}
.JackpotController .JackpotLevel__winner__amount__currency {
  font-weight: 400;
  color: var(--jackpotTextColor);
  padding-left: 2px;
}
.JackpotController .JackpotLevel__winner__amount .NumberAnimated {
  font-size: 24px;
  height: 24px;
  font-weight: 700;
  color: var(--jackpotTextColor);
}
.JackpotController .JackpotLevel__winner__amount .NumberAnimated__period {
  width: 7px;
}
.JackpotController .JackpotLevel__winner__amount .NumberAnimatedSpan,
.JackpotController .JackpotLevel__winner__amount .NumberAnimatedSpan div {
  min-width: 10px;
  width: fit-content;
  height: 24px;
  font-weight: 700;
  color: var(--jackpotTextColor);
}
.JackpotController .JackpotLevel__winner__stake {
  color: var(--jackpotTextColor);
  font-size: 12px;
  font-weight: 400;
}
.JackpotController .JackpotLevel__winner__user {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--jackpotTextColor);
  font-size: 12px;
  font-weight: 400;
}
.JackpotController .JackpotLevel__winner__user svg {
  margin-right: 6px;
}
.JackpotController .JackpotLevel__level {
  width: 58px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  background: linear-gradient(180deg, rgba(216, 180, 180, 0.5) 0%, rgba(202, 179, 53, 0.08) 100%);
  font-size: 12px;
  font-weight: 400;
  color: var(--jackpotTextColor);
  border-top-right-radius: var(--borderRadius);
  border-bottom-right-radius: var(--borderRadius);
}
.JackpotController .JackpotLevel__level img {
  width: 50px;
  margin-bottom: 6px;
}

.JackpotRules {
  position: fixed;
  top: calc(50% - 150px);
  left: 10px;
  width: calc(100vw - 20px);
  height: 300px;
  border-radius: var(--borderRadius);
  background: var(--stepsBackground);
  font-size: 18px;
  padding: 32px 24px;
  letter-spacing: -0.9px;
}
.JackpotRules__title {
  position: relative;
  text-align: center;
  font-weight: 600;
  color: var(--textColor);
}
.JackpotRules__title__regulationToggle {
  position: absolute;
  right: 0;
  bottom: 0;
  background: transparent;
}
.JackpotRules__content {
  height: calc(100% - 25px);
  margin-top: 20px;
  overflow-y: auto;
  color: var(--textColor);
}
.JackpotRules__content::-webkit-scrollbar {
  background-color: transparent;
}
.JackpotRules__content::-webkit-scrollbar-thumb {
  width: 4px;
  background: #eee;
}
.JackpotRules__content::-webkit-scrollbar-track {
  width: 2px;
  background-color: transparent;
}
.JackpotRules__content::-webkit-scrollbar-thumb {
  width: 4px;
}

.JackpotWin {
  position: relative;
  min-width: 315px;
  max-width: fit-content;
  min-height: 184px;
  max-height: fit-content;
  padding-bottom: 20px;
  border-radius: 16px;
  margin: 250px auto;
  z-index: 3;
  background: #e42e81;
}
.JackpotWin__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  z-index: -1;
}
.JackpotWin__background::before {
  position: absolute;
  content: "";
  width: 122%;
  height: 107%;
  right: -13.17%;
  top: -57.88%;
  border-radius: 50%;
  background: #fa61ab;
  transform: rotate(12.11deg);
  z-index: -1;
}
.JackpotWin__background--1 {
  position: absolute;
  top: 30px;
  left: -10px;
}
.JackpotWin__background--2 {
  position: absolute;
  top: 10px;
  right: -16px;
}
.JackpotWin--a {
  background: #e23331;
}
.JackpotWin--a .JackpotWin__background::before {
  background: #f15849;
}
.JackpotWin--k {
  background: #59901b;
}
.JackpotWin--k .JackpotWin__background::before {
  background: #8dc229;
}
.JackpotWin__close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #860fcf;
  padding: 0;
}
.JackpotWin__message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  padding-top: 20px;
  color: #ffffff;
  text-shadow: 0px 2px 0px rgb(0, 0, 0);
  font-size: 500;
}
.JackpotWin__message span {
  font-size: 32px;
  font-weight: 700;
}
.JackpotWin__winInfo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 15px 0;
  text-shadow: 0px 2px 0px rgb(0, 0, 0);
  color: #ffffff;
  padding: 0 50px 10px 50px;
}
.JackpotWin__winInfo__level {
  width: 45px;
  margin-right: 10px;
}
.JackpotWin__winInfo__amount {
  grid-column: 2/4;
  width: fit-content;
  font-size: 32px;
  font-weight: 700;
}
.JackpotWin__winInfo__amount__currency {
  text-transform: lowercase;
}
.JackpotWin__winInfo__ticketInfo {
  position: absolute;
  bottom: -25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px;
  color: #ffffff;
  padding: 0 50px;
}
.JackpotWin__winInfo__ticketInfo__userName, .JackpotWin__winInfo__ticketInfo__ticketId {
  width: min-content;
}
.JackpotWin__winInfo__ticketInfo__userName {
  margin-right: 10px;
}

.NumberAnimated {
  height: 14px;
  overflow: hidden;
  display: flex;
  align-items: baseline;
  line-height: unset;
}
.NumberAnimated div {
  line-height: unset;
}
.NumberAnimated__digit {
  display: flex;
  flex-direction: column;
}

.NumberAnimated2 {
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-variant-numeric: tabular-nums;
}

.JackpotPresentation__header__totalPossWins__total__amount .NumberAnimated2 {
  font-size: 24px;
  padding-right: 5px;
  font-weight: 700 !important;
}

.JackpotStatus__prize .NumberAnimated2 {
  font-size: 14px;
  padding-right: 3px;
}

.NumberAnimatedSpan {
  height: 14px;
  width: fit-content;
  line-height: unset;
  text-align: center;
}
.NumberAnimatedSpan:last-child {
  margin-right: 3px;
}
.NumberAnimatedSpan--dot {
  width: fit-content !important;
}
.NumberAnimatedSpan--dot div {
  width: fit-content !important;
}

.ClassicJackpotController {
  position: relative;
  width: calc(100vw - 32px) !important;
  margin: 15px 16px 0 16px;
  border-radius: 16px;
}
.ClassicJackpotController *:not(.ClassicJackpotController__background) {
  position: relative;
  z-index: 3;
}
.ClassicJackpotController__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  background-image: url(../img/icon/JackpotBackground.webp);
  background-position: center;
}
.ClassicJackpotController__title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
}
.ClassicJackpotController__title > img {
  width: 49vw;
}
.ClassicJackpotController__title > img:nth-child(1) {
  margin-bottom: 7px;
}
.ClassicJackpotController__title__toggleRules {
  position: absolute !important;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2d3745;
  border-radius: 8px;
  z-index: 4 !important;
}
.ClassicJackpotController__elements {
  display: grid;
  grid-template-columns: repeat(3, 80px);
  column-gap: 8px;
  margin: 0 calc((100% - 256px) / 2);
  align-items: center;
  justify-items: center;
}
.ClassicJackpotController__elements .ClassicJackpotLevel {
  width: 80px !important;
  margin: 0;
}
.ClassicJackpotController__elements,
.ClassicJackpotController .ClassicJackpotHistory__winners {
  padding-bottom: 15px;
}
.ClassicJackpotController__elements .ClassicJackpotLevel__prize span,
.ClassicJackpotController .ClassicJackpotHistory__winners .ClassicJackpotLevel__prize span {
  display: block;
  width: 100%;
  text-align: center;
}

.ClassicJackpotHistory {
  width: 100%;
  min-height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
}
.ClassicJackpotHistory__title {
  width: 100%;
  font-size: 12px;
  color: var(--textColor);
  text-align: left;
  padding: 15px 0 10px 10px;
  text-transform: capitalize;
  font-weight: 500;
}
.ClassicJackpotHistory .scroll-container {
  width: 100%;
}
.ClassicJackpotHistory .scroll-container .con-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.ClassicJackpotHistory .ClassicJackpotHistory__winners {
  width: 100%;
  display: -webkit-inline-box;
  overflow-y: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 16px;
}
.ClassicJackpotHistory .ClassicJackpotHistory__winners::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.ClassicJackpotHistory .ClassicJackpotHistory__winners__winner {
  width: 110px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-radius: 5px;
  background: green;
  color: var(--textColor);
  margin-right: 3px;
  padding: 3px 10px;
}
.ClassicJackpotHistory .ClassicJackpotHistory__winners__winner div {
  width: 50%;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.ClassicJackpotHistory .ClassicJackpotHistory__winners__winner__user, .ClassicJackpotHistory .ClassicJackpotHistory__winners__winner__amount {
  height: 8px;
  font-size: 7px;
  font-weight: 700;
}
.ClassicJackpotHistory .ClassicJackpotHistory__winners__winner__user::-webkit-scrollbar, .ClassicJackpotHistory .ClassicJackpotHistory__winners__winner__amount::-webkit-scrollbar {
  display: none;
}
.ClassicJackpotHistory .ClassicJackpotHistory__winners__winner__date, .ClassicJackpotHistory .ClassicJackpotHistory__winners__winner__type {
  height: 6px;
  font-size: 5px;
  font-weight: 400;
}
.ClassicJackpotHistory .ClassicJackpotHistory__winners__winner__type, .ClassicJackpotHistory .ClassicJackpotHistory__winners__winner__amount {
  text-align: right;
}
.ClassicJackpotHistory .ClassicJackpotHistory__winners__winner__type {
  text-transform: uppercase;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.ClassicJackpotHistory .ClassicJackpotHistory__winners__winner__date {
  text-transform: capitalize;
}

.JackpotToggleLevels {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 24px;
}
.JackpotToggleLevels .toggle-button {
  background-color: rgba(255, 255, 255, 0.1568627451);
  color: #fff;
  position: relative;
  width: 106px;
  height: 32px;
  margin-right: 8px;
  border-radius: 24px;
}
.JackpotToggleLevels .toggle-button.active {
  color: #000;
  background-color: #fff;
}

.ClassicJackpotHistory .ClassicJackpotLevel:first-child {
  width: 98px !important;
}

.ClassicJackpotLevel {
  width: 88px;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  margin-right: 8px;
}
.ClassicJackpotLevel__level {
  width: 100%;
  height: 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.ClassicJackpotLevel__level img {
  width: 50px;
  margin-bottom: 6px;
}
.ClassicJackpotLevel__prize {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  margin-top: 10px;
  font-size: 11px;
}
.ClassicJackpotLevel__prize span {
  font-weight: 500;
  font-size: 8px;
}

.ClassicJackpotRules {
  height: 100%;
  overflow: hidden;
  background: #232b36;
  color: #e0e4ea;
  padding: 15px;
  border-radius: 16px;
}
.ClassicJackpotRules__title {
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  gap: 4px;
}
.ClassicJackpotRules__title img,
.ClassicJackpotRules__title svg {
  width: 18px;
}
.ClassicJackpotRules__title button {
  margin-left: auto;
  background: transparent;
  height: 18px;
  padding: 0;
}
.ClassicJackpotRules__title img {
  height: 18px;
}
.ClassicJackpotRules__title__regulationToggle {
  background: #2d3745 !important;
  border-radius: 50%;
}
.ClassicJackpotRules__content {
  max-height: calc(100% - 44px);
  overflow-y: auto;
  background: transparent;
  padding-bottom: 2px;
}
.ClassicJackpotRules__content a {
  color: #e0e4ea;
  border-bottom: 1px solid #e0e4ea;
}
.ClassicJackpotRules__content a:visited {
  color: #e0e4ea;
}
.ClassicJackpotRules__content h1 {
  font-size: 16px;
}
.ClassicJackpotRules__content h2 {
  margin: 5px 0;
  font-size: 16px;
}
.ClassicJackpotRules__content p {
  margin: 5px 0;
}
.ClassicJackpotRules__content p:last-child {
  margin-bottom: 0;
}
.ClassicJackpotRules__content ul {
  padding: 0 0 0 24px;
  list-style-type: circle;
}

.ClassicJackpotWin {
  position: fixed;
  left: 20px;
  top: 20vh;
  width: calc(100vw - 40px);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  color: #ffffff;
  font-weight: 700;
  padding: 50px 0;
}
.ClassicJackpotWin--bottom {
  top: unset;
  bottom: 180px;
}
.ClassicJackpotWin__levelIcon {
  position: absolute !important;
  top: -36px;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 12.4px 0px rgba(0, 0, 0, 0.3882352941);
  background: inherit;
  border-radius: 50%;
}
.ClassicJackpotWin__levelIcon img {
  width: 50px;
  height: 50px;
}
.ClassicJackpotWin__close {
  position: absolute !important;
  top: 10px;
  right: 15px;
  width: 36px;
  height: 36px;
  background-color: transparent;
}
.ClassicJackpotWin__close img {
  background: rgba(0, 0, 0, 0.6980392157);
  border-radius: 50%;
}
.ClassicJackpotWin__ticketId {
  font-size: 9px;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.ClassicJackpotWin__message {
  font-size: 24px;
  margin-bottom: 15px;
}
.ClassicJackpotWin__amount {
  font-size: 48px;
  margin-bottom: 15px;
}
.ClassicJackpotWin__amount span {
  text-transform: uppercase;
}
.ClassicJackpotWin__name {
  font-size: 20px;
  text-transform: uppercase;
}

:root {
  --numbersArrayHeight: -100px;
}

@keyframes rotateNumbers {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(0, var(--numbersArrayHeight));
  }
}
.Visualization {
  width: 100%;
  position: relative;
  height: fit-content;
  transition: height 0.3s ease-in-out;
  overflow: hidden;
  margin-bottom: 0;
}
.Visualization > div {
  position: absolute;
}

.lottery-slide-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.custom-pagination .swiper-pagination-bullet {
  background-color: var(--accentColor) !important;
}

.GiftIcon {
  width: 12px;
  height: 12px;
}

.promotions_links .GiftIcon {
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1250px) {
  .container .flag_background .RandomAndStatisticsMobile .con-random-numbers .oriz {
    background-color: var(--stepsBackground);
  }
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
  #root .app .container:not(.jackpot) {
    grid-template-columns: 220px calc(100% - 465px) 225px !important;
    column-gap: 11px;
  }
  #root .app .container:not(.jackpot) .Winners {
    max-width: 225px !important;
    min-width: 225px !important;
  }
  #root .app .container:not(.jackpot) .TopLotteriesHeader__next.right {
    right: -17px !important;
  }
  #root .app .container:not(.jackpot) .LotteriesGrouped .lottery {
    column-gap: 5px;
  }
}
@media screen and (max-width: 1100px) {
  .Portal--fixed {
    position: fixed;
  }
  .Portal--absolute {
    position: absolute;
    width: 100vw;
    height: 100vh;
  }
  .Portal--ticketsStatus {
    position: absolute;
    z-index: 77;
  }
  .Portal--ticketsStatus .TicketsStatusUnfolded {
    position: relative;
    left: 0;
    width: calc(100vw - 20px);
    margin: 0;
    padding: 20px;
    margin: 0 10px;
  }
  .container .ExpiredAlert .ExpiredTicketButtons__delete {
    padding: 0 20px;
  }
  .container .LottoAndLive__dropdown .LotteriesGrouped {
    width: 100vw;
  }
  .LotteryHeader__lottery {
    width: fit-content;
    font-weight: 700;
    font-size: var(--headerSize);
    color: var(--flagTextColor);
    padding: 24px 16px;
  }
  .Visualization {
    width: calc(100vw - 32px);
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 10px;
  }
  .PayTable__smallTable__row {
    width: 100% !important;
  }
  .container .col-mid .main .RandomAndStatisticsMobile .Statistics__freq,
  .container .col-mid .main .RandomAndStatisticsMobile .Statistics__rare {
    justify-self: center;
  }
  #root .main .con-bile-tr .con-bile {
    padding-top: 5px;
  }
  .lotto-live {
    margin-bottom: 10px;
  }
  .RecentWinners {
    margin-top: 15px;
  }
  .TicketsHistoryGrid__row {
    grid-template-columns: 60px 1fr 100px 1fr 1fr 1fr 30px;
  }
  .container .col-mid .FavoriteNumbersEditor .fav {
    max-width: 60% !important;
    margin-left: 5px;
  }
  .DropDown__header {
    padding-right: 22px !important;
  }
  .DropDown__header__arrow {
    width: 20px !important;
  }
  .TicketsStatusUnfolded {
    width: calc(100% - var(--stepsMargin) * 2);
  }
  .TicketsStatusUnfolded__summary {
    padding: 10px 14px;
  }
  .TicketsStatusUnfolded__actions {
    justify-content: space-evenly !important;
  }
  .TicketsStatusUnfolded__actions button {
    margin-right: unset !important;
  }
  .DropDown__menu {
    top: 33px !important;
  }
  .RoundsHistory .pagination,
  .popUp-Content.pariuri .pagination {
    flex-wrap: wrap;
  }
  .RoundsHistory .pagination .RoundsHistory__site,
  .popUp-Content.pariuri .pagination .RoundsHistory__site {
    width: 100% !important;
    height: 30px;
    margin-top: 2px;
    margin-bottom: 10px;
  }
  .RoundsHistory .pagination .RoundsHistory__site div,
  .popUp-Content.pariuri .pagination .RoundsHistory__site div {
    width: 100% !important;
    height: 15px;
  }
  .RoundsHistory .pagination .promotions_links,
  .popUp-Content.pariuri .pagination .promotions_links {
    max-width: 100px;
  }
  .RoundsHistory__filters .toggleHistory,
  .popUp-Content.pariuri__filters .toggleHistory {
    grid-column: 2;
    grid-row: 1/3;
    justify-self: end;
  }
  .RoundsHistory__filters .tickets-status-explain,
  .popUp-Content.pariuri__filters .tickets-status-explain {
    grid-column: 2;
    grid-row: 3;
    width: 100% !important;
  }
  .con-popUp .popUp {
    width: 98%;
    max-width: 98% !important;
    right: 0 !important;
  }
  .con-popUp .popUp.clasamentWidget {
    max-width: 462px !important;
  }
  .con-popUp .popUp .popUp-Content {
    width: 100% !important;
  }
  .con-popUp .popUp .popUp-Content.pariuri .popup-filtre {
    height: 140px;
  }
  .con-popUp .popUp .popUp-Content.pariuri .popup-filtre .date-picker {
    width: 100%;
  }
  .con-popUp .popUp .popUp-Content.pariuri .popup-filtre .date-picker .date-picker-item {
    width: 100%;
  }
  .con-popUp .popUp .runde .runde-child,
  .con-popUp .popUp .pariuri .runde-child {
    padding: 0px;
  }
  .con-popUp .popUp .runde .runde-child table tr td,
  .con-popUp .popUp .runde .runde-child table tr th,
  .con-popUp .popUp .pariuri .runde-child table tr td,
  .con-popUp .popUp .pariuri .runde-child table tr th {
    padding: 5px !important;
    font-weight: 100;
  }
  .con-popUp .popUp .pariuri {
    min-width: 98%;
  }
  .con-popUp .popUp .pariuri .runde-child {
    padding: 0px 0px 40px 0px;
  }
  .con-popUp .popUp .popUp-Content.clasament .leaderboardRules .rule.title {
    display: block !important;
  }
  .con-popUp .popUp .popUp-Content.clasament .leaderboardRules div.detaliiPromo {
    display: block;
  }
  .TopWinners {
    margin-top: 15px;
  }
  .RetailTicket {
    max-height: 600px;
    background: var(--background);
  }
}
.ProgressiveFreeRisk {
  background: var(--stepsBackground);
  padding-top: 17px;
  padding-bottom: 30px;
  margin-bottom: -30px;
  border-radius: var(--borderRadius);
  color: var(--textColor);
}
.ProgressiveFreeRisk--secondPromo {
  margin-top: 10px;
}
.ProgressiveFreeRisk h4 {
  padding-left: 20px;
}
.ProgressiveFreeRisk .menuProgressiveFreeRisk {
  display: flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.ProgressiveFreeRisk .menuProgressiveFreeRisk .flex-row-item {
  flex: 1 1 20%;
  text-align: center;
}
.ProgressiveFreeRisk .menuProgressiveFreeRisk .flex-row-item-big {
  flex: 100%;
}
.ProgressiveFreeRisk .menuProgressiveFreeRisk .description {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.ProgressiveFreeRisk .menuProgressiveFreeRisk .description2 {
  text-align: left;
  margin: 5px 0;
}
.ProgressiveFreeRisk .menuProgressiveFreeRisk .currentPrize {
  margin: 5px 0;
}
.ProgressiveFreeRisk .menuProgressiveFreeRisk .title {
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  padding: 0;
  margin: 0;
}
.ProgressiveFreeRisk .toggleContainer {
  display: none;
}
.ProgressiveFreeRisk .progressBarContainerV2 .progressBar {
  width: 100% !important;
  max-width: unset !important;
}
.ProgressiveFreeRisk .progressBarContainerV2 .progressBar > div > div {
  background: var(--clickableColor);
}
.ProgressiveFreeRisk .nextLevelPrize {
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  padding: 8px;
}
.ProgressiveFreeRisk .nextLevelPrize svg {
  margin-right: 10px;
}
.ProgressiveFreeRisk .nextLevelPrize .unified-tournament-prize {
  margin-left: 10px;
}
.ProgressiveFreeRisk .nextLevelPrize .succes_misiune {
  color: #08ce65;
}
.ProgressiveFreeRisk .timeleft,
.ProgressiveFreeRisk .fondPremiere {
  padding: 0 20px;
  width: 100%;
}
.ProgressiveFreeRisk .timeleft .label,
.ProgressiveFreeRisk .timeleft .countDown,
.ProgressiveFreeRisk .fondPremiere .label,
.ProgressiveFreeRisk .fondPremiere .countDown {
  display: inline-block;
}
.ProgressiveFreeRisk .timeleft .countDown .days,
.ProgressiveFreeRisk .timeleft .countDown .hours,
.ProgressiveFreeRisk .timeleft .countDown .minutes,
.ProgressiveFreeRisk .fondPremiere .countDown .days,
.ProgressiveFreeRisk .fondPremiere .countDown .hours,
.ProgressiveFreeRisk .fondPremiere .countDown .minutes {
  border-radius: 2px;
  padding: 3px 3px;
}
.ProgressiveFreeRisk .timeleft .countDown .days b,
.ProgressiveFreeRisk .timeleft .countDown .hours b,
.ProgressiveFreeRisk .timeleft .countDown .minutes b,
.ProgressiveFreeRisk .fondPremiere .countDown .days b,
.ProgressiveFreeRisk .fondPremiere .countDown .hours b,
.ProgressiveFreeRisk .fondPremiere .countDown .minutes b {
  color: #b6bbc7;
  margin-left: 2px;
}
.ProgressiveFreeRisk .timeleft .countDown span,
.ProgressiveFreeRisk .fondPremiere .countDown span {
  background: #2D3745;
  margin: 0 3.5px;
  color: white;
}
.ProgressiveFreeRisk .timeleft {
  padding: 10px 20px;
}
.ProgressiveFreeRisk .liveIcon {
  margin-right: 5px;
}
.ProgressiveFreeRisk .missionsContent {
  max-width: 100%;
}
.ProgressiveFreeRisk .missionsContent h3 {
  margin-bottom: 0;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.ProgressiveFreeRisk .fondPremiere {
  margin-top: 15px;
}
.ProgressiveFreeRisk .fondPremiere img {
  margin-bottom: -3px;
  padding: 0 5px;
}
.ProgressiveFreeRisk .fondPremiere .suma {
  font-weight: bold;
}
.ProgressiveFreeRisk .statusUtilizator {
  width: 100%;
  display: inline-flex;
  margin-top: 10px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.ProgressiveFreeRisk .statusUtilizator.curand span {
  color: #ee6f2d;
}
.ProgressiveFreeRisk .statusUtilizator.curand img {
  width: 16px;
}
.ProgressiveFreeRisk .statusUtilizator span {
  border-radius: 7px;
  font-weight: 700;
  font-size: 11px;
  line-height: 13px;
  margin: 0 auto;
  padding: 5px;
  width: 100%;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  color: #0ab75b;
}
.ProgressiveFreeRisk .statusUtilizator span img {
  margin-bottom: -3px;
}
.ProgressiveFreeRisk .meniuLeaderboard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  background: transparent;
  margin-top: 12px;
}
.ProgressiveFreeRisk .meniuLeaderboard button {
  position: relative;
  min-width: 50%;
  margin: 5px 0;
  background: var(--clickableColor);
  text-transform: unset;
  border: none;
  border-radius: 15px;
  color: var(--textColor);
  font-weight: 400;
  padding: 0 5px;
  z-index: 4;
  font-size: 14px;
}
.ProgressiveFreeRisk .meniuLeaderboard button.active {
  background: var(--accentColor);
  color: var(--accBackTextColor);
  opacity: 1 !important;
}
.ProgressiveFreeRisk .pozitieJucator {
  width: 100%;
}
.ProgressiveFreeRisk .pozitieJucator.true .detaliiJucator {
  border: 2px solid #41ae47;
}
.ProgressiveFreeRisk .pozitieJucator h4 {
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
}
.ProgressiveFreeRisk .pozitieJucator > div {
  line-height: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 30px;
  display: grid;
  background: #252d3a;
}
.ProgressiveFreeRisk .pozitieJucator span {
  display: inline-block;
  text-align: center;
  background: #252d3a;
}
.ProgressiveFreeRisk .pozitieJucator .pfr_username {
  text-overflow: ellipsis;
  overflow: hidden;
}
.ProgressiveFreeRisk .pozitieJucator .money {
  color: var(--textColor);
  background: var(--leaderBoardPrize);
  padding-left: 5px;
  font-weight: 700;
  line-height: 23px;
  min-width: 115px;
  text-align: center;
  border-radius: 3px;
  position: relative;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding-right: 35px;
}
.ProgressiveFreeRisk .pozitieJucator .money b {
  background-color: black;
  border: 2px solid var(--leaderBoardPrize);
  font-weight: 100;
  padding: 3px;
  font-size: 12px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  text-transform: uppercase;
  overflow: hidden;
  line-height: 13px;
  height: 23px;
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
}
.ProgressiveFreeRisk .pozitieJucator .moneyPlayer {
  width: 100%;
  background: #252d3a;
  text-align: center;
  font-size: 12px;
}
.ProgressiveFreeRisk .pozitieJucator .moneyPlayer .currency {
  background: var(--leaderBoardPrize);
}
.ProgressiveFreeRisk .listaPremii {
  width: 100%;
  padding-right: 20px;
}
.ProgressiveFreeRisk .listaPremii h4 {
  margin-bottom: 13px;
  margin-top: 8px;
  font-weight: 400;
}
.ProgressiveFreeRisk .listaPremii .listaPremii_scroll {
  margin-bottom: 20px;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 16px;
  width: 100%;
  display: -webkit-inline-box;
  overflow-y: hidden;
  overflow-x: auto;
}
.ProgressiveFreeRisk .listaPremii .listaPremii_scroll::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.ProgressiveFreeRisk .listaPremii .listaPremii_scroll .premiu {
  min-width: 165px;
  scroll-snap-align: start;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--borderRadius);
  margin-right: 5px;
  background: var(--background);
  padding: 10px;
}
.ProgressiveFreeRisk .listaPremii .listaPremii_scroll .premiu:first-child {
  margin-left: 16px;
}
.ProgressiveFreeRisk .listaPremii .listaPremii_scroll .premiu .index {
  padding-left: 5px;
}
.ProgressiveFreeRisk .listaPremii .listaPremii_scroll .premiu .index img {
  margin-right: 5px;
}
.ProgressiveFreeRisk .listaPremii .listaPremii_scroll .premiu .ProgressiveFreeRiskPrize {
  margin-left: 10px;
}
.ProgressiveFreeRisk .LeaderBoard__table {
  width: 100%;
  margin: unset;
  background: unset;
}
.ProgressiveFreeRisk .LeaderBoard__table .currentUser {
  display: none;
}
.ProgressiveFreeRisk .LeaderBoard__table h4 {
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 9px;
  font-weight: 400;
}
.ProgressiveFreeRisk .LeaderBoard__table h3 {
  margin-bottom: 0;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 400;
}
.ProgressiveFreeRisk .LeaderBoard__table .ProgressiveFreeRisk__table__header {
  margin-top: 15px;
}
.ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__header__details {
  display: none;
}
.ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__header,
.ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__rows__header {
  background: transparent;
  background: transparent;
  text-transform: uppercase;
  border-radius: 0;
}
.ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__header {
  border-top: 1px solid #3a3b3f;
}
.ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__rows {
  padding-bottom: 0;
  background: var(--winnersColor);
  border-radius: 0;
}
.ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__rows .LeaderBoard__table__rows__row {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 30px;
  background: var(--winnersColor);
  font-weight: 100;
  padding-right: 15px;
  color: var(--textColor);
}
.ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__rows .LeaderBoard__table__rows__row.LeaderBoard__table__rows__row--newEntry {
  background: #00cc33 !important;
}
.ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__rows .MountAnimation .LeaderBoard__table__rows__row.LeaderBoard__table__rows__row--newEntry {
  background: #41ae47 !important;
}
.ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__rows .MountAnimation > div:nth-child(2n).LeaderBoard__table__rows__row--newEntry {
  background: #41ae47 !important;
}
.ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__rows .MountAnimation.LeaderBoard__table__rows__row--newEntry {
  background: #41ae47 !important;
}
.ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__rows > div:nth-child(2n+1).LeaderBoard__table__rows__row--newEntry {
  background: #00cc33 !important;
}
.ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__rows::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.ProgressiveFreeRisk > button:last-child {
  margin-right: 16px;
  margin-top: 10px;
}
.ProgressiveFreeRisk .LeaderBoard__table__rows__row:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ProgressiveFreeRisk .cumSeJoaca {
  width: 100%;
  padding: 5px 16px;
  font-size: 12px;
  max-height: 660px;
  overflow-y: scroll;
}
.ProgressiveFreeRisk .cumSeJoaca p {
  text-align: justify;
}
.ProgressiveFreeRisk .cumSeJoaca .center {
  text-align: center;
}
.ProgressiveFreeRisk .cumSeJoaca .noMargin {
  margin: 0;
  padding: 0;
}
.ProgressiveFreeRisk .LeaderBoard__table__header .LeaderBoard__table__row__prize {
  justify-self: unset;
}
.ProgressiveFreeRisk .LeaderBoard__table__rows__row__points {
  width: 100%;
  text-align: center;
}
.ProgressiveFreeRisk .LeaderBoard__table__rows__row:nth-child(odd) {
  background: var(--background) !important;
}

.pfr_info_ticket {
  width: calc(100% - var(--stepsMargin) * 2);
  min-height: 15px;
  margin: 10px auto;
  background: #ffcc00;
  color: #403e3e;
  padding: 0 20px;
  border-radius: 5px;
  font-size: 11px;
  text-align: center;
  line-height: 15px;
  font-weight: 400;
}

.PayTable .pfr_info_ticket {
  margin-top: 10px;
  margin-bottom: -10px;
}

.hasBottomSeparator {
  position: relative;
  overflow: hidden;
}
.hasBottomSeparator:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, var(--stepsBackground) 33%, var(--stepsOutlineColor) 0%) bottom/10px 4px repeat-x;
}
@media screen and (min-width: 768px) {
  .hasBottomSeparator:after {
    background: linear-gradient(to right, var(--stepsBackground) 66%, var(--stepsOutlineColor) 0%) bottom/8px 4px repeat-x;
  }
}

.pariuFaraRisc {
  background: #1f2327;
  border-radius: 5px;
  padding-left: 60px;
  line-height: 20px;
  font-size: 10px;
  line-height: 10px;
  max-width: max-content;
  padding: 5px 10px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}
.pariuFaraRisc.sectiune_pasi span {
  color: white;
}
.pariuFaraRisc.indicator_pariu_fara_risc {
  margin-left: 70px;
  height: 40px;
  padding: 5px 30px;
}
.pariuFaraRisc.sectiune_pasi {
  margin-bottom: 10px;
  height: 40px;
  padding: 5px 30px;
}
.pariuFaraRisc.sectiune_pasi img {
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-right: 10px;
  filter: hue-rotate(200deg);
}
.pariuFaraRisc.sectiune_pariu_activ {
  margin: 5px;
  margin-right: 0px;
  background: #1c2025;
  color: white;
  opacity: 0.5;
}
.pariuFaraRisc.sectiune_pariu_activ.active {
  opacity: 1;
  background: #46a74b;
}
.pariuFaraRisc.status1 {
  background: #46a74b;
}
.pariuFaraRisc.status2 .litereMari {
  text-transform: uppercase;
  color: #5e5e5e;
}
.pariuFaraRisc.status2 .prize {
  color: #5e5e5e;
}
.pariuFaraRisc .free_bet_icon {
  display: inline-block;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-right: 10px;
}
.pariuFaraRisc span {
  display: inline-block;
  line-height: 15px;
}
.pariuFaraRisc .prize {
  margin-right: 3px;
  margin-left: 3px;
  font-size: 12px;
  font-weight: bold;
}
.pariuFaraRisc .litereMari {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
}
.pariuFaraRisc .PFRTextInfo {
  font-size: 10px;
}

.ProgressiveFreeRisk {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ProgressiveFreeRisk h1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.03em;
  color: var(--textColor);
  padding-left: 20px;
  margin-top: 0;
  padding-bottom: 10px;
}
.ProgressiveFreeRisk h1 img {
  height: 21px;
  width: 21px;
  margin-right: 13px;
}
.ProgressiveFreeRisk button {
  width: fit-content;
  height: 25px;
  padding: 0 18px;
  border: 1px solid var(--textColor);
  border-radius: 10px;
  background: transparent;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.05em;
  color: var(--textColor);
  margin-top: 24px;
}
.ProgressiveFreeRisk .currency {
  text-transform: lowercase;
  padding-left: 5px;
  padding-right: 15px;
}
.ProgressiveFreeRisk .currentUser {
  position: relative;
  height: 30px;
  display: flex;
  align-items: flex-end;
}
.ProgressiveFreeRisk .currentUser::after {
  position: absolute;
  content: "";
  top: 2px;
  left: 12px;
  width: calc(100% - 24px);
  height: 1px;
  border-top: 1px dashed #48576f;
}
.ProgressiveFreeRisk .currentUser .ProgressiveFreeRisk__table__rows__row {
  width: 100%;
}
.ProgressiveFreeRisk .currentUser .ProgressiveFreeRisk__table__rows__row__prize {
  text-align: left;
}
.ProgressiveFreeRisk__table {
  width: calc(100% - 35px);
  background: #2D3745;
  border-radius: 10px;
  margin: 0 16px 24px 16px;
}
.ProgressiveFreeRisk__table__rows {
  width: 100%;
  max-height: 450px;
  overflow-y: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 10px;
}
.ProgressiveFreeRisk__table__rows__row {
  display: grid;
  grid-template-columns: 0.5fr 1fr 1fr 1fr 33px;
  grid-template-rows: 20px;
  align-items: center;
  justify-items: center;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: -0.05em;
  background: #2D3745;
  transition: all ease-in-out;
}
.ProgressiveFreeRisk__table__rows__row:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.ProgressiveFreeRisk__table__rows__row--currentUser {
  background: #ffd43e;
  font-weight: 700;
}
.ProgressiveFreeRisk__table__rows__row--newEntry {
  color: var(--textColor);
  background: #46a74b;
  font-weight: 700;
}
.ProgressiveFreeRisk__table__rows__row__prize {
  justify-self: end;
}
.ProgressiveFreeRisk__table__rows__row .ProgressiveFreeRiskPrize {
  width: 100% !important;
  height: 20px !important;
}
.ProgressiveFreeRisk__table__rows__header {
  position: relative;
  grid-template-rows: 40px;
  grid-template-columns: 1fr 1fr 1fr;
  background: var(--accentColor);
  border-radius: 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.05em;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
.ProgressiveFreeRisk__table__rows__header .ProgressiveFreeRisk__row__prize {
  padding-left: 40px;
}
.ProgressiveFreeRisk__table__header {
  position: relative;
  width: 100%;
  background: #f78c55;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.ProgressiveFreeRisk__table__header__details {
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: -0.05em;
  color: #403e3e;
  text-transform: lowercase;
  padding: 0 33px 0 8px;
}
.ProgressiveFreeRisk__table__header .ProgressiveFreeRisk__table__row__prize {
  justify-self: end;
  padding-right: 8px;
}
.ProgressiveFreeRisk .progressBarContainer {
  width: 100%;
}
.ProgressiveFreeRisk .progressBarContainer .content {
  position: relative;
  padding: 0 10px;
  display: flex;
}
.ProgressiveFreeRisk .progressBarContainer .content .infoToBet {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  color: #b6bcc6;
}
.ProgressiveFreeRisk .progressBarContainer .content .progressBarOnly {
  display: flex;
  width: 100%;
}
.ProgressiveFreeRisk .progressBarContainer .content .progressBarOnly .targetIcon {
  width: 50px;
  height: 50px;
  left: 18px;
}
.ProgressiveFreeRisk .progressBarContainer .content .progressBarOnly .progressBar {
  padding-bottom: 10px;
  position: relative;
  max-width: 90%;
  display: inline-block;
  width: 80%;
  padding-top: 15px;
}
.ProgressiveFreeRisk .progressBarContainer .content .progressBarOnly .progressBar .numar_pariuri_maxim {
  float: right;
  padding-right: 0px !important;
}
.ProgressiveFreeRisk .progressBarContainer .content .progressBarOnly .progressBar .numar_pariuri_curent {
  float: left;
  padding-left: 0px !important;
}
.ProgressiveFreeRisk .progressBarContainer .content .progressBarOnly .progressBar .numar_pariuri_curent,
.ProgressiveFreeRisk .progressBarContainer .content .progressBarOnly .progressBar .numar_pariuri_maxim {
  font-size: 12px;
  line-height: 9px;
  padding: 7px;
}
.ProgressiveFreeRisk .progressBarContainer .pariuFaraRiscText {
  max-width: 90%;
  margin-bottom: 10px;
  margin-top: 10px;
  background: unset;
  margin-left: 25px;
}
.ProgressiveFreeRisk .progressBarContainer .pariuFaraRiscText img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.ProgressiveFreeRisk .progressBarContainer .pariuFaraRiscText span {
  padding-left: 5px;
}

.ProgressiveFreeRisk .pfr_complet_tinta {
  position: absolute;
  right: 4px;
  top: -3px;
  width: 25px;
}
.ProgressiveFreeRisk .moneyInfo {
  padding: 5px 16px;
  display: flex;
  align-items: center;
}
.ProgressiveFreeRisk .moneyInfo p {
  color: var(--textColor);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}
.ProgressiveFreeRisk .moneyInfo img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.ProgressiveFreeRisk .listaPremii h4 {
  color: var(--textColor);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.ProgressiveFreeRisk .listaPremii .listaPremii_scroll .index {
  display: flex;
  align-items: center;
}
.ProgressiveFreeRisk .listaPremii .listaPremii_scroll .index img {
  top: unset;
  margin-right: 5px;
}
.ProgressiveFreeRisk .menuProgressiveFreeRisk {
  margin-bottom: 10px;
}
.ProgressiveFreeRisk .menuProgressiveFreeRisk .title {
  font-size: 24px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  padding-left: 24px;
  text-align: center;
}
.ProgressiveFreeRisk .headline {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  padding: 0 24px;
  padding-top: 0;
}
.ProgressiveFreeRisk .headline svg {
  width: 25px;
  min-width: 25px;
  margin-right: 10px;
}
.ProgressiveFreeRisk .headline.inscris.text {
  text-transform: uppercase;
  color: #3dcc6a;
}
.ProgressiveFreeRisk .headline.inscris.text img {
  margin-right: 5px;
}
.ProgressiveFreeRisk .activeDay {
  padding: 0 5px;
  font-weight: bold;
  min-width: 55px;
}
.ProgressiveFreeRisk .progressBarContainer {
  padding: 0 5px;
  margin: 0 auto;
  max-width: calc(100% - 40px);
  border-radius: var(--borderRadius);
  border: 1px solid var(--outlineColor);
}
.ProgressiveFreeRisk .progressBarContainer .nextLevelPrize {
  padding: 5px 0;
}
.ProgressiveFreeRisk .progressBarContainer .content {
  padding: 0;
  flex-direction: column;
}
.ProgressiveFreeRisk .progressBarContainer .content .infoToBet {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.ProgressiveFreeRisk .progressBarContainer .content .progressBarOnly .progressBar {
  width: 100%;
  max-width: unset;
  padding-top: 5px;
}
.ProgressiveFreeRisk .PFRHelperContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 93%;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.ProgressiveFreeRisk .PFRHelperContainer .icon {
  padding-right: 10px;
}
.ProgressiveFreeRisk .PFRHelperContainer .text {
  /* 11 XXS Regular */
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  /* 109.091% */
}
.ProgressiveFreeRisk .activatePFR {
  width: calc(100% - 32px);
  margin: 0 auto;
}
.ProgressiveFreeRisk .PFRInfoTOP {
  opacity: 0.5;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  padding: 5px 10px;
  justify-content: space-between;
  background: var(--clickableColor);
  margin: 0 auto;
  border-radius: 8px;
}
.ProgressiveFreeRisk .PFRInfoTOP.available {
  opacity: 1;
}
.ProgressiveFreeRisk .PFRInfoTOP .currentPrize {
  min-width: 100px;
}
.ProgressiveFreeRisk .PFRInfoTOP .currentPrize .ProgressiveFreeRiskPrize {
  min-width: 100px;
}
.ProgressiveFreeRisk .PFRInfoTOP .currentPrize .amount {
  padding: 0 5px;
}
.ProgressiveFreeRisk .PFRInfoTOP button.togglePFRInfo__toggle {
  border: none;
  margin-top: unset;
  padding: 0 3px;
}
.ProgressiveFreeRisk .PFRInfoTOP .togglePFRInfo {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 5px;
}
.ProgressiveFreeRisk .PFRInfoTOP .togglePFRInfo .labelPFRInfo {
  text-align: center;
}
.ProgressiveFreeRisk .PFRInfoTOP .availability_description {
  margin: 0;
  font-size: 12px;
}
.ProgressiveFreeRisk .PFRInfoTOP .pfr_button {
  background: #2d3745;
  border-radius: 10px;
  padding: 7px 14px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.03em;
  text-transform: lowercase;
  color: #ffffff;
  opacity: 0.5;
}
.ProgressiveFreeRisk .PFRInfoTOP .pfr_button.active {
  background: #29313d;
  color: #ffffff;
  opacity: 1;
}
.ProgressiveFreeRisk .PFRInfoTOP .pfr_info_text {
  color: #ffffff;
  margin-left: 10px;
}
.ProgressiveFreeRisk .PFRInfoTOP .pfr_info_text span {
  background: rgb(63, 86, 242);
  line-height: 20px;
  display: inline-block;
  padding: 0px 5px;
  border-radius: 5px;
}
.ProgressiveFreeRisk .PFRInfoTOP .pfr_info_text span b {
  background: #000;
  text-transform: uppercase;
  font-weight: 100;
  padding: 5px;
  /* padding-right: 0px; */
  min-width: 50px;
  display: inline-block;
  text-align: center;
}
.ProgressiveFreeRisk .cumSeJoaca .row {
  display: flex;
  align-items: center;
}
.ProgressiveFreeRisk .cumSeJoaca .row .step_icon {
  padding: 0 5px;
}
.ProgressiveFreeRisk .cumSeJoaca .row .hrLine {
  width: 100%;
}
.ProgressiveFreeRisk .cumSeJoaca .row hr {
  background-color: #2d3745;
  border: 1px solid;
  color: var(--outlineColor);
}
.ProgressiveFreeRisk .cumSeJoaca .row .bullet_container {
  height: 21px;
}
.ProgressiveFreeRisk .cumSeJoaca .row .bullet_container.step_number {
  width: 21px;
  min-width: 21px;
  height: 21px;
  border-radius: 50%;
  background: var(--winnersColor);
  text-align: center;
  line-height: 23px;
  font-style: italic;
  font-weight: 700;
  padding-right: 3px;
}
.ProgressiveFreeRisk .cumSeJoaca .row .icon_container {
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: right;
}
.ProgressiveFreeRisk .cumSeJoaca .row .icon_container.big_step {
  min-width: 100px;
}
.ProgressiveFreeRisk .cumSeJoaca .row .icon_container.big_step .ProgressiveFreeRiskPrize {
  width: 80px;
  min-width: 80px;
}
.ProgressiveFreeRisk .cumSeJoaca .row p {
  padding-left: 10px;
}
.ProgressiveFreeRisk .pozitieJucator {
  padding-top: 0 !important;
}
.ProgressiveFreeRisk .detaliiJucatorV2 {
  background: unset !important;
  display: flex !important;
  align-items: center;
  padding: 0 20px;
}
.ProgressiveFreeRisk .detaliiJucatorV2 .numeJucator {
  padding: 0 !important;
}
.ProgressiveFreeRisk .detaliiJucatorV2 .unified-tournament-prize {
  margin-left: auto;
}

.ProgressiveFreeRiskPrize {
  width: max-content !important;
  min-width: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  text-align: center;
}
.ProgressiveFreeRiskPrize .amount {
  height: 100%;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 0 10px;
  flex-grow: 1;
}
.ProgressiveFreeRiskPrize .bet {
  width: fit-content !important;
  min-width: 48px;
  font-size: 10px;
  font-weight: 500;
  color: var(--textColor);
  letter-spacing: 0.8px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.regulament-toggle {
  position: relative;
  background: transparent;
  line-height: 25px;
  border-radius: 5px;
  background: var(--clickableColor);
}
.regulament-toggle .toggleRegulamentText {
  color: var(--textColor);
  font-weight: bold;
  font-size: 13px;
  padding-left: 10px;
  border: none;
  padding: 1px 10px;
}
.regulament-toggle .toggleRegulamentText svg {
  transform: rotate(90deg);
  margin-left: 5px;
}
.regulament-toggle .toggleRegulamentText svg line {
  fill: var(--textColor);
  stroke: var(--textColor);
}
.regulament-toggle .toggleRegulamentText.closed svg {
  transform: rotate(90deg);
}
.regulament-toggle .toggleRegulamentText.open svg {
  transform: rotate(-90deg);
}
.regulament-toggle img {
  position: absolute;
  top: 7px;
  right: 10px;
}

.regulament-text {
  display: block !important;
  height: 250px;
  overflow-y: scroll;
  padding-right: 2px;
}
.regulament-text p {
  text-align: unset !important;
}
.regulament-text .text-center {
  text-align: center !important;
}
.regulament-text a {
  color: var(--textColor);
  text-decoration: underline;
}

.historyFilters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 24px;
  row-gap: 5px;
  margin-bottom: 0px;
  margin-top: 2px;
  padding: 0 14px;
}
.historyFilters .filtru {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 4px;
  align-items: start;
}
.historyFilters .filtru .MuiFormControl-root {
  background: var(--dropDownColor);
}
.historyFilters .date-picker {
  grid-column: 1/3;
  justify-content: end;
}

@media screen and (max-width: 1100px) {
  .historyFilters {
    margin-bottom: 8px;
  }
  .runde .historyFilters .filtru:not(.date-picker) {
    grid-column: 1/3;
    width: 100%;
  }
  .runde .historyFilters .filtru:not(.date-picker) .DropDown {
    width: 100%;
  }
  .runde .historyFilters .filtru:not(.date-picker) .DropDown__header {
    height: 38px;
  }
}
@media screen and (max-width: 650px) {
  .con-popUp .popUp.clasamentWidget {
    max-width: 99% !important;
  }
  .pagination {
    margin-bottom: 10px;
    position: absolute;
    left: calc(50% - 40px);
  }
}
@media screen and (max-width: 600px) {
  .TicketStatusLimitAchieved table tr td,
  .TicketStatusLimitAchieved table tr th {
    font-size: var(--infoSize) !important;
  }
  .con-popUp .popUp .popUp-Content img#info-img {
    display: none;
  }
  .con-popUp .popUp {
    width: 99%;
    max-width: 99% !important;
  }
  .con-popUp .popUp .popUp-Content {
    width: 100% !important;
  }
  .con-popUp .popUp .runde .runde-child,
  .con-popUp .popUp .pariuri .runde-child {
    padding: 0px;
  }
  .con-popUp .popUp .runde .runde-child table tr td,
  .con-popUp .popUp .runde .runde-child table tr th,
  .con-popUp .popUp .pariuri .runde-child table tr td,
  .con-popUp .popUp .pariuri .runde-child table tr th {
    padding: 5px 1px !important;
    font-size: 10px;
    font-weight: 100;
    text-align: center;
  }
  .con-popUp .popUp .runde .runde-child span.number,
  .con-popUp .popUp .pariuri .runde-child span.number {
    padding: 1px;
    display: inline-block;
  }
  .con-popUp .popUp .pariuri {
    min-width: 99%;
  }
  .con-popUp .popUp .pariuri .runde-child {
    padding: 0px 0px 40px 0px;
  }
  .runde-child {
    overflow: hidden;
  }
}
@media screen and (max-width: 419px) {
  .container .bilet .all-tickets-info {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content min-content min-content min-content;
  }
}
@media screen and (max-width: 405px) and (min-width: 388px) {
  #root .container .RoundsInterval__last {
    padding-left: 15px;
  }
  #root .container .RoundsInterval__last::after {
    width: 10px;
    left: 3px;
  }
}
@media screen and (max-width: 389px) {
  #root .container .RandomAndStatisticsMobile__headerBtn.random {
    margin-left: 15px;
  }
  #root .container .RandomAndStatisticsMobile__headerBtn.statistics {
    margin-right: 15px;
  }
  #root .container .RetailTicket__ticketsTotal {
    padding: 0;
  }
  #root .container .TicketsHistoryGrid__row--header div:first-child {
    padding-left: 5px !important;
  }
  #root .container .TicketsHistoryGrid__row--header div:last-child {
    padding-right: 10px !important;
  }
  #root .container .LottoAndLive__explication__info .con-btns .istoric-runde {
    width: 35%;
    margin-left: 0 !important;
  }
  #root .container .LottoAndLive__explication__info .con-btns .event {
    width: 40%;
    padding: 0;
    margin-left: 0 !important;
  }
  #root .container .LottoAndLive__explication__info .con-btns .checkTicketToggle {
    width: 30%;
  }
  #root .container .RoundsInterval__last {
    padding-left: 12px;
  }
  #root .container .RoundsInterval__last::after {
    width: 7px;
    left: 3px;
  }
  #root .container .RoundsWithFuture {
    width: calc(100% - (100vw - 345px));
    margin: 10px calc((100vw - 345px) / 2) 0 calc((100vw - 345px) / 2) !important;
  }
  #root .container .RoundsWithFuture__rounds > div {
    grid-template-columns: repeat(6, 55px);
  }
  #root .container .ticketTitle-rounds-consec {
    width: 122px !important;
  }
  #root .container .ticketTitle-rounds .RoundsCountDown span {
    font-size: var(--infoSize);
  }
  #root .container .ticketTitle-rounds .RoundsCountDown__time {
    font-size: 15px;
  }
  #root .container .ticketTitle-lottery button {
    font-size: 22px;
  }
  #root .container .RoundsInterval {
    text-align: center;
  }
  #root .container .RoundsInterval span {
    font-size: 18px;
  }
  #root .container .col-mid .CreateTicket .FavoriteNumbersEditor button.addFav {
    font-size: var(--infoSize) !important;
  }
  #root .container .PayTable__header__stake .Stake__text {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 1100px) {
  .con-popUp.rounds {
    border-radius: var(--borderRadius) !important;
  }
  .con-popUp .pariuri,
  .con-popUp .runde {
    width: 900px !important;
    border-radius: var(--borderRadius) !important;
  }
  .con-popUp .pariuri .runde-child .pagination .toggleButton,
  .con-popUp .pariuri .RoundsHistory .pagination .toggleButton,
  .con-popUp .runde .runde-child .pagination .toggleButton,
  .con-popUp .runde .RoundsHistory .pagination .toggleButton {
    position: absolute !important;
    top: 30px;
    right: 35px;
    height: 21px;
    border: none;
  }
  .con-popUp .pariuri .runde-child .pagination .toggleButton img,
  .con-popUp .pariuri .RoundsHistory .pagination .toggleButton img,
  .con-popUp .runde .runde-child .pagination .toggleButton img,
  .con-popUp .runde .RoundsHistory .pagination .toggleButton img {
    margin: 0;
  }
  .con-popUp .pariuri .TicketsHistory-fixed-header,
  .con-popUp .runde .TicketsHistory-fixed-header {
    margin: 0 24px;
  }
  .con-popUp .pariuri .tableContainer,
  .con-popUp .runde .tableContainer {
    height: 327px;
    margin: 0px 24px 20px;
  }
  .con-popUp .pariuri .pagination,
  .con-popUp .runde .pagination {
    height: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    margin: 0 auto;
  }
  .con-popUp .pariuri .pagination div,
  .con-popUp .runde .pagination div {
    width: unset;
    height: unset;
  }
  .con-popUp .pariuri .pagination .tickets-status-explain,
  .con-popUp .runde .pagination .tickets-status-explain {
    width: 100% !important;
    min-width: unset;
    justify-self: end;
  }
  .con-popUp .pariuri .pagination .tickets-status-explain .status,
  .con-popUp .runde .pagination .tickets-status-explain .status {
    font-size: var(--infoSize);
  }
  .con-popUp .pariuri .pagination .RoundsHistory__site,
  .con-popUp .runde .pagination .RoundsHistory__site {
    width: fit-content;
    justify-self: start;
    margin: 0;
  }
  .con-popUp .pariuri .pagination .RoundsHistory__site div,
  .con-popUp .pariuri .pagination .RoundsHistory__site a,
  .con-popUp .runde .pagination .RoundsHistory__site div,
  .con-popUp .runde .pagination .RoundsHistory__site a {
    font-size: var(--infoSize);
  }
  .con-popUp .pariuri .pagination__buttons,
  .con-popUp .runde .pagination__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .con-popUp .pariuri .pagination__buttons button,
  .con-popUp .runde .pagination__buttons button {
    flex-grow: unset;
    width: 40px;
    min-width: 40px;
  }
  .con-popUp .pariuri .pagination__buttons .arrowBack,
  .con-popUp .runde .pagination__buttons .arrowBack {
    margin-right: 5px;
  }
  .con-popUp .pariuri .pagination__buttons .arrowBack img,
  .con-popUp .runde .pagination__buttons .arrowBack img {
    transform: rotate(-180deg);
  }
  .con-popUp .pariuri .filtru,
  .con-popUp .runde .filtru {
    height: 40px;
    margin: 0 !important;
  }
  .con-popUp .pariuri .popup-filtre > div:not(.date-picker),
  .con-popUp .runde .popup-filtre > div:not(.date-picker) {
    height: 40px;
  }
  .con-popUp .pariuri .runde-child,
  .con-popUp .pariuri .RoundsHistory,
  .con-popUp .runde .runde-child,
  .con-popUp .runde .RoundsHistory {
    padding: 20px 0 20px 0 !important;
  }
  .con-popUp .pariuri .popup-filtre,
  .con-popUp .pariuri .RoundsHistory__filters,
  .con-popUp .runde .popup-filtre,
  .con-popUp .runde .RoundsHistory__filters {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-template-rows: 18px 43px;
    row-gap: 17px;
    column-gap: 10px;
    align-items: center;
  }
  .con-popUp .pariuri .popup-filtre > div,
  .con-popUp .pariuri .popup-filtre button,
  .con-popUp .pariuri .RoundsHistory__filters > div,
  .con-popUp .pariuri .RoundsHistory__filters button,
  .con-popUp .runde .popup-filtre > div,
  .con-popUp .runde .popup-filtre button,
  .con-popUp .runde .RoundsHistory__filters > div,
  .con-popUp .runde .RoundsHistory__filters button {
    grid-row: 2;
  }
  .con-popUp .pariuri .popup-filtre .toggleHistory,
  .con-popUp .pariuri .RoundsHistory__filters .toggleHistory,
  .con-popUp .runde .popup-filtre .toggleHistory,
  .con-popUp .runde .RoundsHistory__filters .toggleHistory {
    justify-self: end;
  }
  .con-popUp .pariuri .popup-filtre .filtru.date-picker,
  .con-popUp .pariuri .RoundsHistory__filters .filtru.date-picker,
  .con-popUp .runde .popup-filtre .filtru.date-picker,
  .con-popUp .runde .RoundsHistory__filters .filtru.date-picker {
    grid-column: 1;
    grid-row: 1/3 !important;
    width: 100%;
    height: 100% !important;
  }
  .con-popUp .pariuri .popup-filtre .filtru,
  .con-popUp .pariuri .RoundsHistory__filters .filtru,
  .con-popUp .runde .popup-filtre .filtru,
  .con-popUp .runde .RoundsHistory__filters .filtru {
    width: 100% !important;
  }
  .con-popUp .pariuri .TicketsHistoryGrid__row,
  .con-popUp .runde .TicketsHistoryGrid__row {
    grid-template-columns: 1fr 1fr 170px 1fr 1fr 1fr 90px;
    grid-auto-rows: 35px;
  }
  .con-popUp .pariuri .TicketsHistoryGrid__row div,
  .con-popUp .pariuri .TicketsHistoryGrid__row span,
  .con-popUp .runde .TicketsHistoryGrid__row div,
  .con-popUp .runde .TicketsHistoryGrid__row span {
    display: inline-block;
    font-size: var(--normalSize);
    line-height: 16px;
  }
  .con-popUp .pariuri .noData,
  .con-popUp .runde .noData {
    font-size: var(--normalSize);
  }
  .con-popUp .tableContainer::-webkit-scrollbar-thumb,
  .con-popUp .RoundsHistory__rowsCon::-webkit-scrollbar-thumb {
    background: var(--textColor) !important;
  }
  .Portal .RetailTicket__header {
    width: 100%;
  }
  .Portal .RetailTicket__header__close {
    filter: none;
  }
  .Portal .ClassicJackpotWin {
    width: 400px;
    left: calc(50% - 200px);
  }
  .JackpotRules {
    max-width: 500px;
    max-height: 360px;
    margin-left: calc(50% - 250px);
  }
  .app .container {
    padding: 20px var(--appMarginDesktop);
  }
  .app .container .RoundsHistory__row {
    column-gap: 15px;
  }
  .app .container .tabsButtonHolder {
    width: fit-content;
    min-width: 290px;
    height: 40px;
  }
  .app .container .tabsButtonHolder button {
    width: 50%;
  }
  .app .container .popUp-Content.pariuri, .app .container .popUp-Content.runde {
    width: 908px;
  }
  .app .container .popUp-Content.pariuri .historyFilters, .app .container .popUp-Content.runde .historyFilters {
    position: relative;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-template-rows: 1fr;
    column-gap: 24px;
    margin-top: 25px;
    margin-bottom: 40px;
  }
  .app .container .popUp-Content.pariuri .historyFilters .date-picker, .app .container .popUp-Content.runde .historyFilters .date-picker {
    grid-column: 1;
  }
  .app .container .popUp-Content.pariuri .historyFilters:after, .app .container .popUp-Content.runde .historyFilters:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -24px;
    width: 100%;
    height: 1px;
    background-color: var(--outlineColor);
  }
  .app .container .popUp-Content.pariuri .tableContainer, .app .container .popUp-Content.runde .tableContainer {
    position: relative;
    border-bottom: 1px solid var(--outlineColor);
  }
  .app .container .popUp-Content.pariuri .tableContainer::-webkit-scrollbar, .app .container .popUp-Content.runde .tableContainer::-webkit-scrollbar {
    height: 0;
  }
  .app .container .popUp-Content.runde .historyFilters .filtru:last-child {
    grid-column: 2/4;
    width: 350px;
    justify-self: end;
  }
  .app .container .popUp-Content.runde .historyFilters .filtru:last-child .DropDown {
    width: 100%;
  }
  .app .container .popUp-Content.runde .pagination {
    height: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    margin: 0 auto;
  }
  .app .container .popUp-Content.runde .pagination .pagination__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .app .container .popUp-Content.runde .pagination .arrowBack, .app .container .popUp-Content.runde .pagination .nextButton {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px;
  }
  .app .container .JackpotPresentation {
    grid-template-rows: 1fr 55px;
    padding: 24px 16px;
    border-radius: 10px;
  }
  .app .container .JackpotPresentation__header {
    align-self: center;
    justify-self: center;
    grid-column: 1/4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .app .container .JackpotPresentation__header img {
    width: 160px;
  }
  .app .container .JackpotPresentation__header__totalPossWins {
    width: 100%;
    margin: 40px 0 25px 0;
    border-radius: 10px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.1);
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: var(--jackpotTextColor);
  }
  .app .container .JackpotPresentation__header__totalPossWins__amount {
    font-size: 24px;
    font-weight: 700;
    color: var(--textColor);
  }
  .app .container .JackpotPresentation .JackpotStatus {
    flex-direction: column;
  }
  .app .container .JackpotPresentation .JackpotStatus:last-child, .app .container .JackpotPresentation .JackpotStatus:first-child {
    justify-self: center;
  }
  .app .container .JackpotPresentation .JackpotStatus__level {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
  }
  .app .container .JackpotPresentation .JackpotStatus__prize__currency {
    font-size: 8px;
  }
  .app .container .JackpotController .JackpotHistory {
    padding: 0;
    margin-top: 16px;
  }
  .app .container .JackpotController .JackpotHistory__header__title {
    margin-left: 5px;
  }
  .app .container .JackpotController .JackpotHistory .JackpotLevel {
    width: 100%;
  }
  .app .container .JackpotController .JackpotHistory .JackpotLevel__level {
    width: 100px;
  }
  .app .container .ClassicJackpotController {
    width: 100% !important;
    margin: 0 0 5px 0 !important;
  }
  .app .container .ClassicJackpotController__title > img {
    width: 170px;
  }
  .app .container .randomButtons .Scroll__list {
    width: 100%;
    justify-content: space-between;
  }
  .app .container .TopLotteriesWithScroll {
    display: flex;
  }
  .app .container .TopLotteriesWithScroll__list {
    width: calc(100% - 50px);
  }
  .app .container .TopLotteriesWithScroll__list .lottery {
    width: var(--cardWidthDesktop) !important;
  }
  .app .container .JackpotController {
    width: 100%;
    min-height: 332px;
    min-width: 275px;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .app .container .JackpotController__title > img {
    max-width: 182px;
  }
  .app .container .JackpotController .JackpotController__elements {
    overflow-x: scroll;
    padding-left: 10px;
  }
  .app .container .JackpotController .JackpotController__elements::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .app .container .JackpotController .JackpotController__elements .JackpotLevel__level {
    text-transform: uppercase;
  }
  .app .container .bilet .SetTicketFirstAlert {
    margin-top: 16%;
  }
  .app .container .RoundsWithFuture__pagination {
    grid-template-columns: 78px 1fr 1fr 78px;
    padding-left: 0;
  }
  .app .container .RoundsWithFuture__pagination__back {
    grid-column: 2;
  }
  .app .container .RoundsWithFuture__pagination__next {
    grid-column: 3;
  }
  .app .container .RoundsWithFuture__pagination__custom {
    grid-column: 4;
  }
  .app .container .event.event--active .LineGuide__ball {
    visibility: hidden;
  }
  .app .container .LotteriesGrouped .lottery {
    width: 100%;
  }
  .app .container .ProgressiveFreeRisk .listaPremii .oriz {
    display: none;
  }
  .app .container .react-multi-carousel-list {
    padding-left: 0;
    padding-right: 0;
  }
  .app .container .CheckRetailTicket {
    width: 100%;
    height: 40px;
    margin: 0 0 10px 0;
    margin-top: calc(var(--subHeaderSize) + 10px) !important;
  }
  .app .container .CheckRetailTicket__title {
    position: absolute;
    top: calc((var(--subHeaderSize) + 10px) * -1);
    font-size: var(--subHeaderSize);
    text-transform: uppercase;
  }
  .app .container .CheckRetailTicket__explication {
    position: absolute;
    top: 49px;
    right: 23px;
    width: 411px;
    height: 394px;
    min-height: unset;
  }
  .app .container .bilet .but-pariaza .lds-ripple {
    top: -19px;
    transform: scale(0.8);
  }
  .app .container .ticketMessage {
    min-height: 25px;
    font-size: var(--accentSize);
  }
  .app .container .col-mid .PayTable__smallTable__row:first-child:after {
    border: none;
    height: 0.3px;
    background-color: var(--dashColor);
  }
  .app .container .SetTicketFirstAlert__instruction {
    font-size: 22px;
  }
  .app .container .SetTicketFirstAlert .Step {
    position: relative;
    top: 7px;
    left: -15px;
  }
  .app .container .Step {
    position: absolute;
    top: 13px;
    left: 0px;
    width: fit-content;
    height: 25px;
    line-height: 25px;
    padding: 0 6px;
    background: var(--stepsClickebleColor);
    color: var(--stepsTextColor);
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
    z-index: 10000;
  }
  .app .container .Step span {
    color: var(--stepsTextColor);
  }
  .app .container .PayTable__smallTable__row div {
    height: 14px;
    font-size: 14px;
  }
  .app .container .Winners {
    width: 100%;
    margin-left: 0 !important;
  }
  .app .container .Winners .event,
  .app .container .Winners .istoric-runde {
    width: 100%;
    height: 40px !important;
    line-height: 36px !important;
    background: var(--clickableColor) !important;
    border-radius: var(--borderRadius);
    font-size: var(--normalSize);
  }
  .app .container .Winners .event .LineGuide__ball,
  .app .container .Winners .istoric-runde .LineGuide__ball {
    background: #e60001;
  }
  .app .container .Winners .event .LineGuide__ball::before, .app .container .Winners .event .LineGuide__ball::after,
  .app .container .Winners .istoric-runde .LineGuide__ball::before,
  .app .container .Winners .istoric-runde .LineGuide__ball::after {
    background: #e60001;
  }
  .app .container .Winners .event--active,
  .app .container .Winners .istoric-runde--active {
    background: var(--accentColor) !important;
    color: var(--accBackTextColor);
    font-weight: 700;
  }
  .app .container .Winners .WinnersList__title {
    height: 26px;
    margin-bottom: 10px;
  }
  .app .container .ExpiredAlert .expired-message {
    font-size: var(--accentSize);
  }
  .app .container .ExpiredAlert .ExpiredTicketButtons {
    width: 66%;
    height: 60px;
  }
  .app .container .ExpiredAlert .ExpiredTicketButtons button {
    font-size: var(--accentSize);
  }
  .app .container .MountAnimation.LotteriesGrouped__con {
    width: 100%;
  }
  .app .container .mid {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .app .container .LotteriesGrouped {
    padding: 0 0 7px 11px;
    width: 100% !important;
  }
  .app .container .LotteriesGrouped .LottoSearch {
    position: relative;
    left: 0;
    width: 100%;
    height: 60px;
    padding-left: 10px;
    margin-bottom: 20px;
    margin-top: 24px;
  }
  .app .container .LotteriesGrouped .LottoSearch input {
    font-weight: 400;
    font-size: var(--selectedSize);
    text-transform: capitalize;
  }
  .app .container .LotteriesGrouped .LottoSearch input::placeholder {
    font-weight: 400;
    font-size: var(--selectedSize);
  }
  .app .container .LotteriesGrouped .LottoSearch__clear {
    position: absolute;
    right: 3px;
    width: 32px;
    min-width: 32px;
    height: 32px;
    background-color: var(--accentColor);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
  }
  .app .container .LotteriesGrouped .LottoSearch__clear img {
    display: block;
    width: 13px;
    height: 13px;
    filter: unset;
  }
  .app .container .LotteriesGrouped__lotteries__row__country {
    height: 18px;
    font-size: var(--subHeaderSize);
    margin: 10px 0;
  }
  .app .container .LotteriesGrouped__lotteries__row .lottery .lottery-name {
    height: 45px;
    font-size: var(--normalSize) !important;
  }
  .app .container .LotteriesGrouped__lotteries__row .lottery .lottery-name span {
    font-size: 14px !important;
  }
  .app .container .LotteriesGrouped__lotteries__row__lotteries .lottery {
    height: 45px !important;
    font-size: var(--accentSize);
  }
  .app .container .flag_background {
    width: 100%;
  }
  .app .container .flag_background .LotteryHeader {
    width: 100% !important;
    flex-grow: 1;
    padding: 50px 0 33px 60px;
  }
  .app .container .flag_background .LotteryHeader__lottery {
    font-size: var(--titleSize);
  }
  .app .container .col-mid .main .con-bile-tr .ticketTitle {
    height: 125px;
    padding: 76px 60px 0 60px;
  }
  .app .container .con-bilet-bile .bila.bila-active {
    width: var(--activeBallDimension) !important;
    height: var(--activeBallDimension) !important;
    line-height: var(--activeBallDimension);
  }
  .app .container .lottery .lottery-name--multipleRow span {
    font-size: 10px;
  }
  .app .container .lottery .icon-con {
    font-size: var(--infoSize);
  }
  .app .container .flag_background .RandomAndStatisticsMobile .Statistics {
    grid-template-rows: 90px 90px 30px !important;
    row-gap: 18px;
    padding: 40px 30px 15px 30px;
  }
  .app .container .flag_background .RandomAndStatisticsMobile .Statistics .Statistics__title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 300;
    font-size: var(--normalSize);
    line-height: 18px;
    color: var(--stepsTextColor);
    margin-bottom: 1px;
    margin-bottom: 17px;
  }
  .app .container .flag_background .RandomAndStatisticsMobile .Statistics .Statistics__numbers {
    justify-content: center;
  }
  .app .container .flag_background .RandomAndStatisticsMobile .Statistics .Statistics__numbers .bila {
    font-weight: 500;
    font-size: var(--selectedSize);
  }
  .app .container .flag_background .RandomAndStatisticsMobile .Statistics .Statistics__extraInfo {
    font-size: var(--infoSize);
  }
  .app .container .flag_background .RandomAndStatisticsMobile .Statistics__freq .Statistics__numbers {
    padding-left: 0;
  }
  .app .container .flag_background .RandomAndStatisticsMobile .Statistics__freqPairs {
    width: 100%;
    left: 0;
  }
  .app .container .ticketTitle-lottery,
  .app .container .ticketTitle-rounds {
    height: 45px;
  }
  .app .container .ticketTitle-lottery button {
    font-size: var(--headerSize);
    font-weight: 700;
    color: var(--textColor);
  }
  .app .container .ticketTitle-lottery-consec {
    font-size: var(--accentSize);
    font-weight: 300;
  }
  .app .container .ticketTitle-lottery-consec div {
    height: unset;
    font-size: var(--accentSize) !important;
    line-height: 18px;
  }
  .app .container .RoundsInterval div {
    height: 18px;
    line-height: 18px;
    font-size: var(--accentSize);
  }
  .app .container .RoundsInterval div span {
    font-weight: 700;
    font-size: var(--accentSize);
    color: var(--stepsTextColor);
  }
  .app .container .ticketTitle-rounds .RoundsCountDown {
    font-size: var(--accentSize);
    font-weight: 300;
  }
  .app .container .ticketTitle-rounds .RoundsCountDown__time {
    font-size: var(--accentSize);
    line-height: 18px;
  }
  .app .container .col-mid .FavoriteNumbersEditor .addFav {
    height: 40px;
    font-weight: 500;
    color: var(--stepsTextColor);
    font-size: var(--normalSize) !important;
    margin: 0;
  }
  .app .container .col-mid .FavoriteNumbersEditor .fav .DropDown__header__value {
    font-size: var(--normalSize);
    font-weight: 500;
  }
  .app .container .bila {
    width: var(--ballDimension);
    height: var(--ballDimension);
    line-height: var(--ballDimension);
    font-size: var(--headerSize);
    font-weight: 300;
  }
  .app .container .bila .indicator {
    font-weight: 500;
  }
  .app .container .bila-active {
    font-weight: 700 !important;
  }
  .app .container .col-mid .main .con-bile {
    margin-top: 30px;
  }
  .app .container .con-bile,
  .app .container .bilet,
  .app .container .PayTable {
    position: relative;
  }
  .app .container .con-bile .LineGuide,
  .app .container .bilet .LineGuide,
  .app .container .PayTable .LineGuide {
    position: absolute;
    left: -6px;
    transform: rotate(-90deg);
  }
  .app .container .con-bile .LineGuide,
  .app .container .bilet .LineGuide {
    left: -73px;
  }
  .app .container .con-bile .LineGuide {
    top: calc(50% - 35px);
  }
  .app .container .PayTable .LineGuide {
    top: calc(50% + 55px);
  }
  .app .container .bilet .LineGuide {
    left: -73px;
    top: 42px;
  }
  .app .container .bilet .LineGuide__ball--animatedUp {
    position: relative;
    left: calc(50% - 12.5px);
    top: -11px;
    width: 25px;
    height: 25px;
    animation: unset;
  }
  .app .container .bilet .LineGuide__ball--animatedUp::after, .app .container .bilet .LineGuide__ball--animatedUp::before {
    content: "";
    position: absolute;
    left: 1px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: var(--accentColor);
  }
  .app .container .bilet .LineGuide__ball--animatedUp::before {
    animation: pulse 2s ease-out infinite;
  }
  .app .container .bilet .LineGuide__ball--animatedUp::after {
    animation: pulse 2s 1s ease-out infinite;
  }
  .app .container .StatisticsExtra .cancel-selection {
    height: 38px;
    line-height: 20px;
    font-weight: 400;
    font-size: var(--normalSize);
  }
  .app .container .StatisticsExtra__order span {
    font-size: var(--infoSize);
  }
  .app .container .StatisticsExtra__info__title {
    font-size: var(--infoSize);
  }
  .app .container .PayTable__header {
    margin-bottom: 25px;
    padding: 76px var(--stepsMargin) 0 var(--stepsMargin);
  }
  .app .container .PayTable__header__title {
    font-weight: 700;
    font-size: var(--headerSize);
  }
  .app .container .PayTable__header__title__stake {
    width: 177px;
    height: 32px;
    font-weight: 500;
  }
  .app .container .PayTable__header__systems {
    width: 265px;
    margin-left: 40px !important;
  }
  .app .container .PayTable__header__odds {
    max-width: 360px;
    min-width: 200px;
    margin-right: 40px !important;
  }
  .app .container .PayTable__header__stake {
    width: fit-content;
  }
  .app .container .PayTable__odds {
    margin-right: 0 !important;
  }
  .app .container .PayTable__odds .PayTable__rows__row.PayTable__header {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 3px !important;
    font-size: var(--normalSize) !important;
  }
  .app .container .PayTable__odds__info {
    font-size: var(--infoSize) !important;
    bottom: 5px !important;
  }
  .app .container .PayTable__systems {
    margin-left: 0 !important;
  }
  .app .container .PayTable__systems .PayTable__rows__row.PayTable__header {
    margin-bottom: 3px !important;
    font-size: var(--normalSize) !important;
  }
  .app .container .PayTable .PayTable__rowsCon {
    grid-auto-rows: 30px;
  }
  .app .container .PayTable .PayTable__rowsCon .PayTable__rows__row {
    font-size: 14px;
  }
  .app .container .PayTable__rowsCon {
    min-height: 82px;
    grid-auto-rows: 40px !important;
    padding: 5px 0 35px 0;
  }
  .app .container .PayTable__rows {
    padding: 0 var(--stepsMargin);
  }
  .app .container .Stake__text {
    font-size: var(--accentSize);
    margin-right: 20px;
  }
  .app .container .Stake__con {
    background-color: var(--stepsClickebleColor);
  }
  .app .container .Stake__con__modifier, .app .container .Stake__con__input {
    background-color: var(--stepsClickebleColor);
  }
  .app .container .con-future {
    width: 106px !important;
  }
  .app .container .con-future .FutureCustom {
    width: 100% !important;
  }
  .app .container .con-future .FutureCustom .DropDown {
    width: 100% !important;
  }
  .app .container .con-future .FutureCustom .DropDown__header {
    background: var(--stepsClickebleColor);
    color: var(--stepsTextColor);
  }
  .app .container .con-future .FutureCustom .DropDown__menu {
    background: var(--stepsClickebleColor);
  }
  .app .container .con-future .FutureCustom .DropDown__menu__option button {
    color: var(--stepsTextColor);
  }
  .app .container .StatisticsExtra {
    height: 118px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 29px 0 38px 0;
  }
  .app .container .RoundsWithFuture__rounds__title div {
    font-size: var(--accentSize);
  }
  .app .container .col-mid .main .RandomAndStatisticsMobile__headerBtn {
    font-size: var(--accentSize);
    font-weight: 400;
  }
  .app .container .col-mid .main .RandomAndStatisticsMobile__headerBtn--active {
    font-weight: 700;
  }
  .app .container .RoundsWithFuture {
    padding-bottom: 20px;
  }
  .app .container .RoundsWithFuture__delete {
    font-size: var(--normalSize);
    margin-right: 15px;
    margin-top: 25px;
  }
  .app .container .RoundsWithFuture .toggleButton {
    font-size: var(--normalSize);
    font-weight: 500;
    margin-top: 25px;
  }
  .app .container .StatisticsExtra--blur button,
  .app .container .StatisticsExtra--blur div,
  .app .container .StatisticsExtra--blur span,
  .app .container .StatisticsExtra--blur img {
    opacity: 0.5;
  }
  .app .container .StatisticsExtra--blur img .col-mid .main .RandomAndStatisticsMobile__headerBtn--active {
    font-weight: 700 !important;
  }
  .app .container .RoundsWithFuture__rounds__round--active {
    font-weight: 700;
  }
  .app .container .RoundsWithFuture__rounds__round__time {
    font-size: var(--accentSize);
  }
  .app .container .RoundsWithFuture__rounds__round__date {
    font-size: 10px;
  }
  .app .container .RoundsWithFuture__rounds > div {
    grid-auto-rows: var(--roundHeight);
  }
  .app .container .col-mid .FavoriteNumbersEditor .fav .DropDown {
    height: 40px;
  }
  .app .container .bilet .biletDetails .bilet-info {
    width: calc(100% - var(--stepsMargin) * 2);
    margin-left: 40px !important;
    margin-right: 40px !important;
    margin: 0 24px !important;
  }
  .app .container .bilet .biletDetails .bilet-info .CurrentTicketDetails__detail {
    width: 400px;
    max-width: 400px;
    margin-left: 0;
    margin: auto;
    font-size: var(--accentSize);
    margin-left: 0;
  }
  .app .container .bilet .biletDetails .CurrentTicketDetails__detail {
    font-size: var(--accentSize);
  }
  .app .container .bilet .biletDetails .CurrentTicketDetails .Stake {
    width: 163px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .app .container .bilet .biletDetails .all-tickets-info,
  .app .container .bilet .biletDetails .but-pariaza {
    width: calc(100% - var(--stepsMargin) * 2);
  }
  .app .container .bilet .biletDetails .but-pariaza {
    padding: 0 16px !important;
  }
  .app .container .but-pariaza span {
    text-transform: unset;
  }
  .app .container .bilet {
    min-height: 558px;
    padding-bottom: 60px;
  }
  .app .container .bilet .biletDetails .delete-selections {
    font-size: var(--accentSize);
    width: 205px;
    height: 40px;
  }
  .app .container .bilet .biletDetails .info-label {
    width: 210px;
    padding: 13px 19px;
    font-size: var(--infoSize);
    font-weight: 300;
  }
  .app .container .bilet .biletDetails > .MountAnimation {
    width: 100%;
  }
  .app .container .bilet .biletDetails > .MountAnimation.centerButtons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .app .container .bilet .BarCodePreOrder__print {
    line-height: 80px;
    text-align: center;
  }
  .app .container .bilet .Future .FutureSummary__title {
    font-weight: 400;
    font-size: var(--accentSize);
  }
  .app .container .bilet .all-tickets-info {
    padding: 10px 30px;
  }
  .app .container .bilet .but-pariaza {
    position: relative;
    width: calc(100% - 32px);
    height: 80px;
    padding: 0 !important;
    font-size: var(--accentSize);
    text-transform: uppercase;
    border-radius: var(--borderRadius);
    font-size: var(--headerSize);
  }
  .app .container .bilet .biletDetails .delete-selections {
    left: var(--stepsMargin);
    width: fit-content;
  }
  .app .container .info-label {
    width: 210px;
    padding: 13px 19px;
    background: var(--stepsOutlineColor);
    font-size: var(--infoSize);
    color: var(--stepsTextColor);
    text-transform: uppercase;
    font-style: normal;
    font-weight: 300;
  }
  .app .container .bilte {
    min-height: 558px;
    padding: 0;
    padding-bottom: 60px;
  }
  .Portal {
    z-index: unset;
  }
  .Portal--checkRetailTicket {
    z-index: 90001;
    position: relative;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
  }
  .Portal--explicationDesktop {
    z-index: 90001 !important;
    position: relative;
    top: 64px;
  }
  .Portal--explicationDesktop img {
    position: absolute;
    right: 20px;
    width: 412px;
  }
  .Portal .Winnings__table,
  .Portal .SystemsTable__table {
    z-index: 90001;
  }
  .Portal .RetailTicket {
    position: relative;
    left: 25vw;
    top: 10vw;
    width: 50vw;
    height: fit-content;
    padding: 20px 25px;
    border-radius: var(--borderRadius);
  }
  .popUp-Content .toggleHistory {
    display: block;
    width: 140px;
    text-align: center;
  }
  .popUp-Content .RoundsHistory__rowsCon {
    height: 422px;
    overflow-y: auto;
  }
  .popUp-Content .RoundsHistory__filters__lottery {
    margin-top: 15px !important;
  }
  .root::-webkit-scrollbar,
  .app::-webkit-scrollbar,
  .container::-webkit-scrollbar {
    width: 0;
    display: none;
  }
  .container {
    display: grid;
    grid-template-columns: var(--appColumns) !important;
    grid-template-rows: var(--appRows);
    column-gap: var(--columnsGap);
    row-gap: 24px;
    padding: 16px 11px;
  }
  .container .react-multi-carousel-list {
    grid-column: 1/4;
    align-items: flex-start;
  }
  .container .react-multi-carousel-list .react-multi-carousel-track li {
    width: 310px;
  }
  .container .react-multi-carousel-list img {
    width: 24vw;
    border-radius: 16px;
  }
  .container .PayTable__systems {
    margin-left: 24px !important;
  }
  .container .PayTable__odds,
  .container .bilet-info {
    margin: 0 24px !important;
  }
  .container iframe {
    width: 100%;
    border-radius: var(--borderRadius) !important;
  }
  .container .ScrollButtons {
    height: 10px;
    margin-left: unset;
    margin: 0 auto;
  }
  .container .ExpiredTicketButtons {
    justify-content: center;
  }
  .container .ExpiredTicketButtons__changeRound {
    width: 200px;
    flex-grow: unset;
  }
  .container .LottoAndLive__dropdown {
    height: fit-content;
    display: flex;
    flex-direction: column;
  }
  .container .LottoAndLive__dropdown__scrollBtn {
    width: 35px;
    height: 35px;
    margin: 5px auto;
    border-radius: 5px;
    background: var(--winnersColor);
  }
  .container .LottoAndLive__dropdown__scrollBtn--reverse img {
    transform: rotate(180deg);
  }
  .container .LotteriesGrouped {
    width: 100% !important;
    max-height: unset !important;
    height: fit-content;
  }
  .container .LotteriesGrouped .LottoSearch {
    position: relative;
    left: -3px;
    margin-top: 19px;
    margin-bottom: 30px;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .container .LotteriesGrouped .LottoSearch input {
    margin-left: 0 !important;
  }
  .container .LotteriesGrouped__toggleBtnCon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .container .LotteriesGrouped__toggleBtn {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: var(--winnersColor);
    margin: 5px 0;
  }
  .container .LotteriesGrouped__toggleBtn--reverse img {
    transform: rotate(180deg);
  }
  .container .LotteriesGrouped__lotteries {
    width: 100%;
    padding-left: 0;
    overflow-y: auto;
  }
  .container .LotteriesGrouped__lotteries__row {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .container .LotteriesGrouped__lotteries__row__country {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-width: 75px;
    height: 12px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding-left: 6px;
  }
  .container .LotteriesGrouped__lotteries__row__country__toggle {
    background: transparent;
    transition: all;
  }
  .container .LotteriesGrouped__lotteries__row__country__toggle svg {
    width: 10px;
    height: 10px;
  }
  .container .LotteriesGrouped__lotteries__row__lotteries {
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    overflow: hidden;
  }
  .container .LotteriesGrouped__lotteries__row__lotteries .lottery {
    margin-bottom: 7px;
  }
  .container .Winners {
    width: 265px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding-top: 17px;
  }
  .container .Winners .istoric-runde,
  .container .Winners .event {
    height: 20px;
    line-height: 20px;
    margin-left: 0 !important;
    margin-bottom: 24px;
  }
  .container .Winners .istoric-runde {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px !important;
    background-color: transparent;
    padding-left: 0;
  }
  .container .Winners .istoric-runde img {
    position: relative;
    left: 0px;
    margin-right: 6px;
  }
  .container .Winners .event {
    padding: 0 13px 0 0;
  }
  .container .Winners .event:after {
    top: 5px;
    left: 7px;
  }
  .container .Winners .TopWinners__title,
  .container .Winners .RecentWinners__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 300;
    font-size: var(--subHeaderSize);
    color: var(--textColor);
    margin-bottom: 10px;
    padding-left: 20px;
  }
  .container .Winners .TopWinners__title img,
  .container .Winners .RecentWinners__title img {
    width: 15px;
    height: 20px;
    margin-right: 11px;
    margin-left: 5px;
  }
  .container .Winners .TopWinners__scroll,
  .container .Winners .RecentWinners__scroll {
    max-height: 1650px;
    overflow-y: scroll;
    width: 100%;
  }
  .container .Winners .TopWinners__scroll::-webkit-scrollbar,
  .container .Winners .RecentWinners__scroll::-webkit-scrollbar {
    display: none;
  }
  .container .Winners .TopWinners__toggleBtn,
  .container .Winners .RecentWinners__toggleBtn {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: transparent;
    margin: 5px 0;
  }
  .container .Winners .TopWinners__toggleBtn svg,
  .container .Winners .RecentWinners__toggleBtn svg {
    transform: rotate(90deg);
  }
  .container .Winners .TopWinners__toggleBtn--reverse svg,
  .container .Winners .RecentWinners__toggleBtn--reverse svg {
    transform: rotate(-90deg);
  }
  .container .Winners .TopWinners .WinnersList,
  .container .Winners .RecentWinners .WinnersList {
    height: unset;
    padding: 0;
  }
  .container .Winners .TopWinners .WinnersList__title,
  .container .Winners .RecentWinners .WinnersList__title {
    justify-content: flex-start;
    font-size: 14px;
    padding-left: 20px;
  }
  .container .Winners .TopWinners .WinnersList__title img,
  .container .Winners .RecentWinners .WinnersList__title img {
    width: 15px;
    height: 20px;
    margin-left: 8px;
  }
  .container .Winners .TopWinners .WinnersList__list,
  .container .Winners .RecentWinners .WinnersList__list {
    min-height: 70px;
    height: fit-content !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .container .Winners .TopWinners .WinnersList__list__winner,
  .container .Winners .RecentWinners .WinnersList__list__winner {
    width: 100%;
    height: 60px;
    margin: 0 0 5px 0;
  }
  .container .Winners .TopWinners .WinnersList__list__winner__userName, .container .Winners .TopWinners .WinnersList__list__winner__amount,
  .container .Winners .RecentWinners .WinnersList__list__winner__userName,
  .container .Winners .RecentWinners .WinnersList__list__winner__amount {
    font-size: var(--normalSize);
    font-weight: 300;
  }
  .container .Winners .TopWinners .WinnersList__list__winner__lottery, .container .Winners .TopWinners .WinnersList__list__winner__date,
  .container .Winners .RecentWinners .WinnersList__list__winner__lottery,
  .container .Winners .RecentWinners .WinnersList__list__winner__date {
    height: var(--infoSize);
    font-size: var(--infoSize);
  }
  .container .Winners .TopWinners > .MountAnimation,
  .container .Winners .RecentWinners > .MountAnimation {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .container .TopLotteriesHeader {
    position: absolute;
    top: 40px;
    left: -20px;
    width: calc(100% + 40px);
    display: grid;
    grid-template-columns: 150px 150px;
    grid-template-rows: 32px;
    align-items: center;
    margin: 0 0 10px 0;
  }
  .container .TopLotteriesHeader.right {
    position: relative;
    right: -25px;
  }
  .container .TopLotteriesHeader.left {
    position: relative;
    left: -10px;
  }
  .container .TopLotteriesHeader__next--disabled {
    opacity: 0;
  }
  .container .TopLotteriesHeader button {
    width: fit-content;
    height: 100%;
    padding: 0 12px;
    background-color: transparent;
    transition: all 0.15s ease-in-out;
    z-index: 1;
  }
  .container .TopLotteriesHeader button img {
    transform: rotate(-180deg);
  }
  .container .TopLotteriesHeader button:last-child {
    justify-self: end;
  }
  .container .flag_background {
    position: relative;
    padding-top: 88px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border-radius: var(--sectionsRadius);
  }
  .container .flag_background > div:not(.TicketSeparator) {
    width: calc(100% - 100px) !important;
    max-width: 753px !important;
  }
  .container .flag_background > .scroll-container {
    width: 100%;
    height: 35px;
  }
  .container .flag_background > .scroll-container .con-scroll {
    width: 100%;
  }
  .container .flag_background > .scroll-container .con-scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .container .flag_background > .scroll-container .oriz {
    display: none;
  }
  .container .flag_background .PayTable__odds {
    width: calc(100% - 290px);
  }
  .container .flag_background .LotteryHeader {
    position: absolute;
    top: 0;
    left: 0;
    height: 58px;
    margin: 0;
    padding: 19px 0 15px 40px;
  }
  .container .flag_background .col-dr,
  .container .flag_background .RandomAndStatisticsMobile,
  .container .flag_background .con-bile-tr,
  .container .flag_background .PayTable {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .container .flag_background .RandomAndStatisticsMobile {
    width: 100% !important;
    padding-bottom: 0;
  }
  .container .flag_background .RandomAndStatisticsMobile .scroll-container .oriz {
    display: none !important;
  }
  .container .flag_background .RandomAndStatisticsMobile .randomBtn {
    margin-right: 10px;
    min-width: 40px;
  }
  .container .flag_background .RandomAndStatisticsMobile .Statistics {
    grid-template-rows: 74px 74px 30px !important;
  }
  .container .flag_background .RandomAndStatisticsMobile .Statistics__freq {
    grid-column: 1/2 !important;
  }
  .container .flag_background .RandomAndStatisticsMobile .Statistics__rare {
    grid-column: 2/3 !important;
  }
  .container .flag_background .RandomAndStatisticsMobile .Statistics__freq .Statistics__numbers, .container .flag_background .RandomAndStatisticsMobile .Statistics__rare .Statistics__numbers {
    padding-left: 25px;
  }
  .container .flag_background .RandomAndStatisticsMobile .Statistics__freq .Statistics__numbers .bila, .container .flag_background .RandomAndStatisticsMobile .Statistics__rare .Statistics__numbers .bila {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .container .flag_background .RoundsWithFuture__rounds > div {
    grid-template-columns: repeat(11, 1fr);
  }
  .container .flag_background .RoundsWithFuture__rounds > div .RoundsWithFuture__rounds__round {
    width: 100%;
    max-width: 65px;
  }
  .container .flag_background .con-random-numbers .scroll-container .con-scroll {
    width: 100% !important;
  }
  .container .flag_background .con-random-numbers .scroll-container .con-scroll .scroll-terminal {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }
  .container .flag_background .FavoriteNumbersEditor .fav {
    flex-grow: 1;
    max-width: 327px;
  }
  .container .flag_background .con-bile {
    padding-left: 0 24px !important;
  }
  .container .col-dr {
    min-height: 558px;
  }
  .container .bilet {
    min-height: 558px;
    padding: 0;
    padding-bottom: 25px;
  }
  .container .bilet .biletDetails {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
  }
  .container .bilet .biletDetails .delete-selections {
    margin-left: 0;
  }
  .container .bilet .biletDetails .Future,
  .container .bilet .biletDetails .placeButtonContainer {
    width: 100%;
  }
  .container .bilet .biletDetails .bilet-info {
    width: calc(100% - 48px);
  }
  .container .bilet .biletDetails .bilet-info .con-bilet-bile {
    max-width: 378px;
    margin: 15px auto;
  }
  .container .bilet .biletDetails .bilet-info .con-bilet-bile .MountAnimation {
    margin: 0 5px 14px 0;
  }
  .container .bilet .biletDetails .bilet-info .con-bilet-bile .MountAnimation .bila-active {
    margin: 0 !important;
  }
  .container .bilet .biletDetails .bilet-info .CurrentTicketDetails__detail {
    width: 400px;
    max-width: 400px;
  }
  .container .bilet .biletDetails .CurrentTicketDetails {
    margin-top: 16px;
  }
  .container .bilet .biletDetails .CurrentTicketDetails {
    width: 100%;
    height: unset;
    padding: 0 var(--stepsMargin);
    grid-template-rows: minmax(var(--accentSize), calc(var(--accentSize) * 2));
    margin-bottom: 12px !important;
  }
  .container .bilet .biletDetails .CurrentTicketDetails__detail__stake {
    min-height: var(--accentSize);
    min-height: var(--accentSize);
  }
  .container .bilet .biletDetails .ticketMessage {
    margin: auto;
  }
  .RetailTicket__ticketsTotal {
    grid-template-columns: 1fr 2fr 2fr 1fr;
  }
  .RetailTicket__header__close {
    background-color: transparent;
    padding: 0;
  }
  .LotteriesGrouped__lotteries {
    max-height: 3140px;
  }
  .LottoAndLive__dropdown {
    margin-top: -20px;
  }
  .container .Winners {
    padding-top: 0;
    margin-left: 10px;
  }
  .LottoSearch img {
    display: none;
  }
  .con-popUp .popUp.pariuri {
    box-shadow: none;
  }
  .con-popUp .popUp.rounds {
    border-radius: var(--borderRadius);
  }
  .con-popUp .popUp.rounds .popUp-Content {
    box-shadow: none;
  }
  .popUp.pariuri {
    box-shadow: none;
  }
  .popUp.pariuri .runde-child {
    padding: 50px 65px;
  }
  .popUp.pariuri .runde-child .popup-filtre,
  .popUp.pariuri .runde-child .RoundsHistory__filters {
    padding: 0 40px;
  }
  .popUp.pariuri .runde-child .popup-filtre .date-picker,
  .popUp.pariuri .runde-child .RoundsHistory__filters .date-picker {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    margin-left: unset;
  }
  .popUp.pariuri .filtru .DropDown__header__value {
    font-size: var(--normalSize);
  }
  .popUp.rounds .RoundsHistory {
    padding: 50px 65px;
  }
  .popUp.rounds .RoundsHistory__header div, .popUp.rounds .RoundsHistory__row div,
  .popUp.rounds .RoundsHistory .numbersExtracted {
    font-size: var(--normalSize) !important;
    line-height: 16px !important;
  }
  .popUp.rounds .RoundsHistory__row {
    padding: 0 20px;
    grid-template-columns: 163px 4fr;
  }
  .popUp.rounds .RoundsHistory .date-picker {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .popUp.rounds .RoundsHistory__filters {
    padding: 0 40px;
    margin-bottom: 15px;
  }
  .popUp.rounds .RoundsHistory .tickets-status-explain {
    grid-column: 3;
    grid-row: 1;
    width: 100% !important;
  }
  .popUp.rounds .RoundsHistory .RoundsHistory__site {
    grid-column: 1;
    grid-row: 1;
  }
  .popUp.rounds .RoundsHistory .pagination__buttons {
    grid-column: 2;
    grid-row: 1;
  }
  .popUp-Content .toggleHistory {
    min-width: 140px;
    height: 40px;
    font-weight: 500;
    font-size: var(--normalSize);
  }
  .popUp-Content .DropDown,
  .popUp-Content .DropDown__header {
    height: 40px !important;
    font-weight: 400;
    font-size: var(--normalSize);
  }
  .popUp-Content .RoundsHistory .pagination {
    margin-top: 40px;
    align-items: center;
  }
  .popUp-Content .RoundsHistory__rowsCon {
    height: 323px;
  }
  .popUp-Content .RoundsHistory__filters__time,
  .popUp-Content .date-picker-label,
  .popUp-Content .filtru.date-picker .date-picker-item .MuiFormControl-root input,
  .popUp-Content .RoundsHistory__filters__time .MuiFormControl-root input {
    height: var(--normalSize) !important;
    font-weight: 400 !important;
    font-size: var(--normalSize) !important;
    line-height: var(--normalSize) !important;
  }
  .container .TopLotteriesHeader .left {
    transform: rotate(180deg);
  }
  .container .TopLotteriesHeader .left > div {
    margin-top: 5px;
  }
  .container .TopLotteriesHeader .right > div {
    margin-top: 5px;
  }
  .container .TopLotteriesHeader button {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    margin: 5px 0;
    border: none;
    padding: 0;
  }
  .container button.RoundsWithFuture__pagination__back {
    width: 35px;
    height: 35px;
    border: none;
    padding: 0;
  }
  .container button.RoundsWithFuture__pagination__back > div {
    margin-right: 3px;
  }
  .container button.RoundsWithFuture__pagination__back img {
    transform: rotate(180deg);
  }
  .container .RoundsWithFuture__rounds__title div {
    text-align: right;
  }
  .popUp-Content .pagination .arrowBack,
  .popUp-Content .pagination .nextButton {
    border: none;
    background: transparent !important;
    border-radius: 5px;
    width: 35px !important;
    height: 35px !important;
  }
  .popUp-Content.pariuri .pagination button:first-child,
  .popUp-Content.runde .pagination button:first-child {
    margin-left: 0px;
  }
  .WinnersList__list__winner__userName {
    font-size: 14px;
    line-height: 14px;
    min-width: 35%;
  }
  .WinnersList__list__winner__lottery,
  .WinnersList__list__winner__date {
    font-size: 10px;
  }
  .tickets-status-explain {
    min-width: 120px;
  }
  .RoundsInterval__last {
    margin-top: 0px;
  }
  .TicketStatusLimitAchieved {
    width: 100vw;
    height: 100vh;
    z-index: 10002;
    bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  .TicketStatusLimitAchieved .popUp-Content {
    margin-top: 16vw;
  }
  .TicketStatusLimitAchieved .TicketsHistoryTable__tab {
    padding: 20px 75px;
  }
}
.MuiPaper-root {
  z-index: 100000 !important;
  background: var(--background) !important;
  color: var(--textColor) !important;
}
.MuiPaper-root .MuiPickersPopper-paper,
.MuiPaper-root button,
.MuiPaper-root .MuiTypography-root {
  background: var(--background) !important;
  color: var(--textColor) !important;
}
.MuiPaper-root .MuiPickersPopper-paper.Mui-selected,
.MuiPaper-root button.Mui-selected,
.MuiPaper-root .MuiTypography-root.Mui-selected {
  background: var(--winnersColor) !important;
  color: var(--textColor) !important;
}
.MuiPaper-root button:disabled {
  opacity: 0.5;
}

.MuiFormControl-root > div {
  width: 100%;
  padding: 0;
}
.MuiFormControl-root > div input:focus {
  outline: none;
}

.Regulations {
  font-size: 14px;
}
.Regulations__toggleBtn {
  width: 100%;
  height: 40px;
  border: 1px solid var(--accentColor);
  border-radius: var(--borderRadius);
  margin-bottom: 24px;
}
.Regulations__pop {
  position: relative;
  top: 8vw;
  left: 30vw;
  width: 40vw;
  min-width: 700px;
  height: 56.4vw;
  min-height: 987px;
  background: var(--background);
  color: var(--textColor);
  padding: 30px var(--stepsMargin);
  z-index: 1;
  overflow-y: auto;
}
.Regulations__pop__toggleBtn {
  width: 1rem;
  height: 1rem;
  z-index: 10;
  position: relative;
  float: right;
  margin-bottom: 10px;
}
.Regulations__pop__toggleBtn:before, .Regulations__pop__toggleBtn:after {
  content: "";
  position: absolute;
  width: 0.8rem;
  height: 1px;
  background-color: #d1d7e5;
  border-radius: 2px;
  transition: background-color 300ms;
  left: 0;
}
.Regulations__pop__toggleBtn:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.Regulations__pop__toggleBtn:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.Regulations__pop__toggleBtn:before, .Regulations__pop__toggleBtn:after {
  background: var(--textColor);
}
.Regulations__pop__table {
  display: grid;
  grid-template-columns: repeat(4, calc((100% - var(--stepsMargin) * 2 - 10) / 4));
  grid-template-rows: 1fr repeat(60, 20px);
  grid-auto-flow: column;
  border: 0.5px solid black;
}
.Regulations__pop__table__header {
  background: grey;
  word-break: break-word;
}
.Regulations__pop__table__header div:first-child {
  font-weight: 500 !important;
}
.Regulations__pop__table__row {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0.5px solid black;
  font-size: 14px;
}
.Regulations__pop__table__row div {
  height: 100%;
  text-align: center;
}
.Regulations__pop__table__row div:first-child {
  width: 55%;
  border-right: 2px solid black;
  font-weight: 700;
}
.Regulations__pop__table__row div:last-child {
  width: 45%;
}

.noMargin {
  margin: 0;
}

.noMarginTop {
  margin-top: 0;
}

.lotteryTruncate {
  z-index: 4;
}

.dateTruncate {
  flex-direction: row;
  justify-content: flex-start !important;
  gap: 5px;
  max-width: 50px !important;
}
@media screen and (max-width: 1100px) {
  .dateTruncate {
    max-width: 54px !important;
  }
}

.truncate {
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 36px;
  height: 15px;
  cursor: pointer;
}

.truncate.expanded {
  white-space: normal;
  overflow: visible;
  max-width: none;
  height: 100%;
}
.truncate.expanded span {
  position: absolute;
  left: -32px;
  top: 0;
  bottom: 0;
  width: max-content;
  padding: 3px;
  margin: auto;
  height: fit-content;
}
.truncate.expanded span.lotteryTruncate {
  left: -18px;
}

.historyHeader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  .historyHeader {
    padding: 0;
    justify-content: center;
  }
}

.historyTitle {
  width: fit-content;
  height: fit-content;
  font-size: var(--headerSize);
  font-weight: 600;
  padding: 0;
  color: var(--textColor);
}

#root .historyHeader .tabsButtonHolder {
  display: flex;
  gap: 10px;
  background-color: var(--clickableColor);
  border-radius: var(--borderRadius);
}
#root .historyHeader .tabsButtonHolder button {
  background-color: transparent;
  color: var(--textColor) !important;
}
#root .historyHeader .tabsButtonHolder button.toggleHistoryDisabled {
  background: var(--accentColor) !important;
  color: #fff !important;
  opacity: 1 !important;
}

.mount-animation-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5); /* dimmed background */
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 1000;
}
.mount-animation-overlay > div {
  margin-top: 30px;
}
.mount-animation-overlay.appScroll {
  align-items: center;
  padding-top: 0;
}
@media screen and (max-width: 1100px) {
  .mount-animation-overlay {
    align-items: flex-start;
  }
}
@media screen and (max-height: 580px) {
  .mount-animation-overlay.appScroll {
    top: 0;
  }
  .mount-animation-overlay.appScroll .mount-animation-content {
    padding: 10px !important;
    min-height: 450px;
  }
  .mount-animation-overlay.appScroll .mount-animation-content .filtru {
    height: 65px;
  }
  .mount-animation-overlay.appScroll .mount-animation-content .popUp-Content.pariuri .tableContainer {
    height: 185px;
    min-height: 185px;
  }
  .mount-animation-overlay.appScroll .mount-animation-content .pagination__holder {
    margin: 8px auto 2px auto;
  }
}

.mount-animation-content {
  background: var(--winnersColor);
  padding: 24px;
  border-radius: var(--borderRadius);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  max-width: 90%;
  max-height: 90%;
  min-height: 580px;
  overflow-y: hidden;
}
@media screen and (max-width: 1100px) {
  .mount-animation-content .pariuri {
    min-height: fit-content;
  }
}

.selectHolderMobile {
  display: flex;
  flex-direction: row;
  width: 100% !important;
  gap: 10px;
  height: fit-content !important;
}
.selectHolderMobile .filtru {
  width: 50% !important;
}

@media screen and (min-width: 1920px) {
  .app {
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1450px) {
  .container .col-mid .main .RandomAndStatisticsMobile .Statistics__freqPairs .Statistics__numbers,
  .container .col-mid .main .RandomAndStatisticsMobile .Statistics__successivePairs .Statistics__numbers {
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 1fr;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1250px) {
  .app .container {
    grid-template-rows: 1fr;
    padding: 20px 10px !important;
  }
  .app .container .react-multi-carousel-list img {
    width: 31.8vw;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1470px) {
  .container .col-mid .main .RandomAndStatisticsMobile .Statistics__freqPairs .Statistics__numbers .Statistics__numbers__pair, .container .col-mid .main .RandomAndStatisticsMobile .Statistics__successivePairs .Statistics__numbers .Statistics__numbers__pair {
    margin-bottom: 0px !important;
  }
  .container .col-mid .main .RandomAndStatisticsMobile .Statistics__freq .Statistics__numbers .bila-active, .container .col-mid .main .RandomAndStatisticsMobile .Statistics__rare .Statistics__numbers .bila-active {
    font-size: var(--headerSize) !important;
  }
  .container .VisualGuide__steps {
    padding: 0 50px;
    column-gap: 15px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .VisualGuide__steps {
    padding: 0 65px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1350px) {
  .container {
    padding: 20px 10px !important;
  }
  .container .mid .flag_background .RoundsWithFuture__rounds__title {
    margin: auto;
  }
  .container .mid .flag_background .RoundsWithFuture__toggleBtn {
    margin-right: 18px;
  }
  .container.es .mid .flag_background .RoundsWithFuture {
    width: calc(100% - 120px) !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
  .container.classicJackpot .RoundsWithFuture {
    min-width: 500px;
    margin: auto;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .container {
    padding: 20px 10px !important;
  }
  .container .mid .flag_background .RoundsWithFuture {
    width: 404px !important;
    margin: 0 calc((100% - 404px) / 2);
  }
  .container .mid .flag_background .RoundsWithFuture__rounds > div {
    width: 404px;
    grid-template-columns: repeat(6, 65px) !important;
    align-items: center;
    justify-items: center;
    margin: 5px auto 0 auto;
  }
  .container .mid .flag_background .RoundsWithFuture__rounds__title {
    width: 404px;
    margin: auto;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .container {
    padding: 20px 50px !important;
  }
  .container .VisualGuide__steps {
    padding: 0 40px;
  }
  .container .VisualGuide__steps {
    justify-content: center;
    padding: 0;
  }
  .container .VisualGuide__steps .LineGuide {
    width: 45px;
  }
  .container .VisualGuide__steps > div {
    margin-right: 35px;
  }
  .container .VisualGuide__steps__step__action {
    font-size: var(--accentSize) !important;
  }
}
@media screen and (max-width: 395px) {
  .container .CreateTicket {
    padding-bottom: 11px;
  }
  .container .CreateTicket .StatisticsExtra__order {
    position: relative;
    width: 60px;
    flex-grow: unset;
  }
  .container .CreateTicket .StatisticsExtra__order span {
    position: absolute;
    bottom: -12px;
    left: -15px;
    width: calc(100% + 30px);
  }
  .container .CreateTicket__info__title {
    position: relative;
    top: 4px;
  }
}
@media screen and (min-width: 1100px) {
  .container .mid .flag_background .col-mid .PayTable__rows {
    width: 100%;
    justify-content: space-between;
  }
  .container .mid .flag_background .col-mid .PayTable__systems {
    width: 245px;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
  }
  .container .mid .flag_background .col-mid .PayTable__systems .PayTable__rowsCon {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 30px;
    row-gap: 10px;
    column-gap: 10px;
    align-items: start;
    justify-items: start;
    padding: 10px;
  }
  .container .mid .flag_background .col-mid .PayTable__systems .PayTable__rowsCon .PayTable__rows__row__system div {
    width: 90px;
  }
  .container .mid .flag_background .col-mid .PayTable__systems .PayTable__header__system {
    width: 100%;
  }
  .container .mid .flag_background .col-mid .PayTable__systems .PayTable__rows__row__system {
    width: 60px;
  }
  .container .mid .flag_background .col-mid .PayTable__systems .PayTable__rows__row__system div {
    margin: 0;
  }
  .container .mid .flag_background .col-mid .PayTable__odds {
    min-width: 200px;
    padding: 0;
  }
}
@media screen and (max-width: 426px) {
  .container .bilet .con-bilet-bile,
  .container .bilet .CurrentTicketDetails__detail {
    max-width: 294px !important;
  }
}
@media screen and (max-width: 377px) {
  .container .bilet .CurrentTicketDetails__detail {
    max-width: 245px !important;
    height: fit-content;
  }
  .container .bilet .CurrentTicketDetails {
    min-height: 34px;
    height: fit-content;
  }
  .container .bilet .CurrentTicketDetails__detail__stake {
    align-self: end;
  }
  .container .bilet .CurrentTicketDetails__detail__odd {
    align-self: start;
  }
}
.flag_background {
  padding-bottom: 50px;
}

@media screen and (max-width: 1100px) {
  .Regulations {
    width: 30%;
  }
  .Regulations__toggleBtn {
    height: fit-content;
    border: none;
    margin-bottom: 0;
  }
  .Regulations__pop {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: unset;
    min-height: unset;
    padding-left: 8px;
    padding-right: 8px;
  }
  .Regulations__pop__table {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr repeat(150, 20px);
  }
  .Regulations__pop__table__row {
    font-size: 14px;
  }
  .ProgressiveFreeRisk > button:last-child {
    z-index: 99;
  }
  .ProgressiveFreeRisk {
    position: relative;
    width: calc(100% - 32px) !important;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 8px;
    padding-bottom: 10px;
  }
  .ProgressiveFreeRisk .menuProgressiveFreeRisk {
    display: flex;
    width: 100%;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  .ProgressiveFreeRisk .menuProgressiveFreeRisk .toggleContainer {
    display: unset;
  }
  .ProgressiveFreeRisk .menuProgressiveFreeRisk .title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    font-size: 16px;
    color: var(--textColor);
  }
  .ProgressiveFreeRisk .menuProgressiveFreeRisk .currentPrize {
    margin: 5px 0;
  }
  .ProgressiveFreeRisk .menuProgressiveFreeRisk .flex-row-item {
    flex: 1 1 20%;
    text-align: center;
  }
  .ProgressiveFreeRisk .menuProgressiveFreeRisk .flex-row-item button {
    border: none;
    padding: 0;
    margin: 0;
  }
  .ProgressiveFreeRisk .menuProgressiveFreeRisk .flex-row-item button svg {
    transform: rotate(90deg);
  }
  .ProgressiveFreeRisk .menuProgressiveFreeRisk .flex-row-item button svg line {
    fill: var(--textColor);
    stroke: var(--textColor);
  }
  .ProgressiveFreeRisk .menuProgressiveFreeRisk .description2 {
    text-align: left;
    margin: 5px 0;
  }
  .ProgressiveFreeRisk .menuProgressiveFreeRisk .flex-row-item-big {
    flex: 100%;
  }
  .ProgressiveFreeRisk .menuProgressiveFreeRisk .description {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }
  .ProgressiveFreeRisk .nextLevelPrize {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 8px;
  }
  .ProgressiveFreeRisk .nextLevelPrize svg {
    margin-right: 10px;
  }
  .ProgressiveFreeRisk .nextLevelPrize .unified-tournament-prize {
    margin-left: 10px;
  }
  .ProgressiveFreeRisk .progressBarContainerV2 .progressBar {
    width: 100% !important;
    max-width: unset !important;
  }
  .ProgressiveFreeRisk .toggleContainer {
    display: block;
  }
  .ProgressiveFreeRisk .toggleContainer button {
    border: none;
    margin-top: 0;
  }
  .ProgressiveFreeRisk .toggleContainer button svg line {
    fill: var(--textColor);
    stroke: var(--textColor);
  }
  .ProgressiveFreeRisk .toggleContainer .closed svg {
    transform: rotate(90deg);
  }
  .ProgressiveFreeRisk .toggleContainer .open svg {
    transform: rotate(-90deg);
  }
  .LeaderBoard {
    padding-bottom: 5px;
    margin-bottom: 15px;
    position: relative;
  }
  .LeaderBoard > button:last-child {
    z-index: 99;
  }
  .DropDown__header__arrow {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .container .mount-animation-content {
    width: 90%;
    padding: 24px 10px;
    overflow-x: hidden;
  }
  .container .mount-animation-content .RoundsHistory {
    width: 100%;
    height: 100%;
  }
  .container .historyTitle {
    color: transparent;
  }
  .container .PayTable--empty {
    min-height: 400px !important;
  }
  .container .LottoAndLive__lotteries--scroll {
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    width: 100%;
  }
  .container .LottoAndLive__lotteries--scroll .lottery-con {
    scroll-snap-align: start;
  }
  .container .LottoAndLive__lotteries--scroll .lottery-con:first-child {
    margin-left: 16px;
  }
  .container .LottoAndLive__lotteries--scroll .lottery-con:nth-child(2) {
    margin-left: 16px;
  }
  .container .ticketTitle-rounds .RoundsInterval {
    height: 20px;
    margin: 0;
    padding: 0;
    flex-grow: unset;
    line-height: 20px;
  }
  .WinnersList .WinnersList__title {
    padding-left: 16px;
  }
  .WinnersList .WinnersList__list {
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
  }
  .WinnersList .WinnersList__list__winner {
    scroll-snap-align: start;
  }
  .WinnersList .WinnersList__list__winner:first-child {
    margin-left: 16px;
  }
  .container .istoric-runde--active,
  .container .event--active {
    font-weight: 700 !important;
  }
  .container .ticketTitle {
    padding-top: 30px;
  }
  .container .LottoAndLive .RoundsHistory__row__round {
    justify-self: start;
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-left: 15px !important;
  }
  .container .LottoAndLive .RoundsHistory__row__round--id {
    width: 100%;
    justify-content: center !important;
    margin-left: 0 !important;
    margin-right: 15px !important;
  }
  .container .LottoAndLive .RoundsHistory__row__numbers {
    height: 100%;
    align-items: center;
  }
  .container .LottoAndLive .RoundsHistory__row__numbers .numbersExtracted {
    min-width: 18px;
    height: var(--infoSize);
    line-height: var(--infoSize) !important;
    justify-content: center;
  }
  .container .Statistics__numbers > div {
    color: var(--textColor);
  }
  .container .RoundsWithFuture__rounds__round__time--empty {
    opacity: 0.5;
  }
  .container .col-mid .PayTable__header {
    padding: 30px var(--stepsMargin) 0 var(--stepsMargin);
  }
  .container .col-mid .main .RandomAndStatisticsMobile .Statistics__title {
    justify-content: center;
  }
  body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
  }
  .popUp-Content.pariuri .tableContainer {
    height: 272px;
    min-height: 274px;
  }
  .filtru.date-picker {
    grid-template-columns: 1.5fr 130px;
    column-gap: 10px;
  }
}
@media screen and (min-width: 1100px) {
  .RoundsTimeFilter {
    -webkit-mask-image: none !important;
  }
  .RoundsWithFuture__rounds__round__time {
    position: relative;
  }
  .react-multi-carousel-track {
    text-align: center;
  }
  .container .react-multi-carousel-list :not(:first-of-type) {
    padding: 0 5px;
  }
  .container .react-multi-carousel-list :not(:last-of-type) {
    padding: 0 5px;
  }
  .container .react-multi-carousel-list img {
    width: 100%;
  }
  .container .react-multi-carousel-list img :not(:first-of-type) {
    padding: 5px;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1100px) {
  .container .flag_background > div:not(.TicketSeparator) {
    width: calc(100% - 50px) !important;
    max-width: 753px !important;
  }
  .container .flag_background .RoundsWithFuture__rounds > div .RoundsWithFuture__rounds__round__date {
    padding-right: 3px;
  }
}
.topLotteryHeader {
  width: 100%;
  font-size: var(--titleSize);
  font-weight: 700;
  color: var(--textColor);
  text-align: left;
  margin: 21px 0;
  padding-left: 13px;
}

@media screen and (min-width: 1450px) and (max-width: 1500px) {
  .PayTable__systems {
    width: 210px !important;
  }
  .PayTable__odds {
    min-width: unset !important;
    max-width: unset !important;
    width: calc(100% - 245px) !important;
    margin-left: 15px !important;
  }
}
@media screen and (max-width: 1450px) and (min-width: 1100px) {
  .PayTable__systems {
    width: 116px !important;
  }
  .PayTable__odds {
    min-width: unset !important;
    max-width: unset !important;
    width: calc(100% - 150px) !important;
  }
  .PayTable__rowsCon {
    grid-template-columns: 100px !important;
  }
}
@media screen and (min-width: 1320px) {
  .app .container > .Winners {
    width: 100%;
    justify-self: start;
  }
}
@-moz-document url-prefix() {
  .container .LotteriesGrouped__lotteries__row__lotteries,
  body,
  .container .Winners .TopWinners__scroll,
  .container .Winners .RecentWinners__scroll,
  .container .flag_background > .scroll-container .con-scroll {
    scrollbar-width: none;
  }
  .container .Stake__con__modifier img {
    height: 11px;
  }
  .container .Winners .event {
    text-align: left;
  }
}
@media screen and (max-width: 1280px) and (min-width: 901px) {
  .container .flag_background .RandomAndStatisticsMobile .Statistics {
    grid-template-rows: auto !important;
  }
  .container .ProgressiveFreeRisk {
    align-items: flex-start;
  }
  .container .ProgressiveFreeRisk .activatePFR {
    width: calc(100% - 32px);
    margin: 0 0 0 16px;
  }
  .container .ProgressiveFreeRisk .toggleContainer {
    margin-left: calc(50% - 21px);
  }
  .container .ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__rows .LeaderBoard__table__rows__row {
    grid-template-columns: 2fr 1fr 3fr;
  }
  .container .ProgressiveFreeRisk .LeaderBoard__table .LeaderBoard__table__rows .LeaderBoard__table__rows__row .pfr_username {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .container .col-mid .main .RandomAndStatisticsMobile .Statistics__numbers {
    padding-left: 0;
  }
  .container .bilet .biletDetails .bilet-info .CurrentTicketDetails__detail {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1100px) {
  .container .flag_background > div:not(.TicketSeparator) {
    width: calc(100% - 50px) !important;
    max-width: 753px !important;
  }
}
@media screen and (max-width: 1100px) {
  .container .RoundsTimeFilter {
    padding-right: 20px;
  }
  .container .LottoSearch {
    width: calc(100% - 12px);
  }
  .container .topLotteryHeader {
    margin-top: 5px;
  }
  .container .container .LottoAndLive__dropdown .LotteriesGrouped {
    width: 100%;
  }
  .container .LotteriesGrouped__lotteries {
    width: 100%;
  }
  .container .TopLotteriesWithScroll .TopLotteriesWithScroll__list {
    flex-direction: column;
  }
  .container .TopLotteriesWithScroll .TopLotteriesWithScroll__list .lottery-con .lottery {
    width: var(--cardWidthMobile) !important;
  }
  .container .TopLotteriesWithScroll .mobScroll {
    display: flex;
  }
  .container .TopLotteriesWithScroll .mobScroll .lottery-con:first-child {
    padding-left: 16px;
  }
}
@keyframes horizontal-shaking {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(2px);
  }
  50% {
    transform: translateX(-2px);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes lds-ripple {
  0% {
    top: 56px;
    left: 56px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 116px;
    height: 116px;
    opacity: 0;
  }
}
@keyframes pulse {}
@keyframes direction {
  from {
    transform: scale(1.2);
  }
  to {
    left: 100%;
    transform: scale(2.5);
  }
}
@keyframes directionUp {
  from {
    left: 100%;
    transform: scale(1.2);
  }
  to {
    left: 0;
    transform: scale(2.5);
  }
}
@keyframes directionSmaller {
  from {
    transform: scale(1);
  }
  to {
    left: 100%;
    transform: scale(1.4);
  }
}
@keyframes pulseSmaller {
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
#win-array-cont {
  display: inline;
  left: 0;
}
#win-array-cont .img-win-array-detailed {
  width: 10px;
}
#win-array-cont .win-array-detailed {
  display: none;
  position: absolute;
  z-index: 1000;
  background-color: var(--winnersColor);
  padding: 0px !important;
  color: var(--textColor);
}
#win-array-cont .img-win-array-detailed:hover + .win-array-detailed {
  display: block;
}

.Winnings {
  position: relative;
  padding: 0 !important;
}
.Winnings__info {
  position: relative;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  background: transparent;
}
.Winnings__info img {
  width: 10px;
}
.Winnings__table {
  position: absolute;
}
@media screen and (max-width: 1100px) {
  .Winnings__table__scrollCon {
    max-height: 200px;
    overflow-y: scroll;
    border-top-left-radius: var(--borderRadius);
    border-top-right-radius: var(--borderRadius);
  }
  .Winnings__table__scrollCon::-webkit-scrollbar {
    background: var(--winnersColor);
  }
  .Winnings__table__scrollCon::-webkit-scrollbar-track {
    background: var(--winnersColor);
  }
  .Winnings__table__scrollCon::-webkit-scrollbar-thumb {
    background-color: rgb(34, 3, 16);
  }
  .Winnings__table__bottom {
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 5px;
    border-bottom-left-radius: var(--borderRadius);
    border-bottom-right-radius: var(--borderRadius);
    background: var(--winnersColor);
  }
}
.Winnings__table__scrollCon {
  border-radius: var(--borderRadius);
}
.Winnings__table table {
  border-spacing: 0px;
  border: none;
}
.Winnings__table table thead tr {
  border-bottom: none;
  white-space: nowrap;
  background: var(--winnersColor);
  border-radius: var(--borderRadius);
}
.Winnings__table table thead tr th {
  padding: 5px;
  border: none;
  color: var(--textColor);
  font-size: var(--infoSize);
}
.Winnings__table table tbody tr {
  background: var(--winnersColor);
}
.Winnings__table table tbody tr:nth-child(odd) {
  background: color-mix(in srgb, var(--winnersColor) 90%, white);
}
.Winnings__table table tbody tr td {
  height: 30px;
  border-bottom: none;
  padding: 1px 5px;
  white-space: nowrap;
  border: none;
  color: var(--textColor);
  font-size: var(--infoSize);
}

.statusShort {
  border: 1px solid var(--outlineColor);
  border-radius: var(--borderRadius);
  background: var(--winnersColor);
  color: var(--textColor);
  padding: 3px 5px;
}

.SystemsTable {
  position: relative;
  padding: 0 !important;
}
.SystemsTable__info {
  position: relative;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  background: transparent;
}
.SystemsTable__info img {
  width: 10px;
}
.SystemsTable__table {
  position: absolute;
}
.SystemsTable__table table {
  border-spacing: 0px;
  border: none;
  border: 1px solid var(--outlineColor);
  border-radius: var(--borderRadius);
}
.SystemsTable__table table thead tr {
  border-bottom: none;
  white-space: nowrap;
  background: var(--winnersColor);
}
.SystemsTable__table table thead tr th {
  padding: 5px;
  border: none;
  color: var(--textColor);
  font-size: var(--infoSize);
  border-top-left-radius: var(--borderRadius);
  border-top-right-radius: var(--borderRadius);
}
.SystemsTable__table table tbody tr {
  background: var(--winnersColor);
}
.SystemsTable__table table tbody tr:nth-child(odd) {
  background: color-mix(in srgb, var(--winnersColor) 90%, white);
}
.SystemsTable__table table tbody tr:nth-last-child(1) td {
  border-bottom-left-radius: var(--borderRadius);
  border-bottom-right-radius: var(--borderRadius);
}
.SystemsTable__table table tbody tr td {
  height: 30px;
  border-bottom: none;
  padding: 1px 5px;
  white-space: nowrap;
  border: none;
  color: var(--textColor);
  font-size: var(--infoSize);
}

@media screen and (max-width: 390px) {
  .TicketsHistoryGrid__row {
    grid-template-columns: 1fr 42px 80px 1fr 1fr 25px 55px;
  }
}
.en .RoundsWithFuture__rounds__title div {
  grid-column: 5/7;
  justify-self: end;
}
.en .ticketTitle-rounds .RoundsCountDown {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 160px;
}
.en .ticketTitle-rounds .RoundsCountDown__time {
  display: inline-block;
  text-align: right;
}

@media screen and (min-width: 1100px) {
  .en .RoundsWithFuture__rounds__title div {
    position: relative;
    right: -12px;
  }
  .en .LotteriesGrouped .LottoSearch {
    left: -10px;
    width: 91% !important;
    padding-left: 0 5px !important;
  }
  .en .LotteriesGrouped .LottoSearch__clear {
    right: -38px !important;
  }
  .en .col-mid .PayTable__odds .PayTable__rows__row {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1100px) {
  .en .LotteriesGrouped .LottoSearch {
    width: 88% !important;
  }
}
.ProgressiveFreeRisk .timeleft {
  text-align: center;
}

.pt .lottery .icon-con {
  width: 129px;
}
.pt .RoundsWithFuture__rounds__title div {
  grid-column: 5/7;
  text-align: right;
}
.pt .RoundsWithFuture__delete {
  width: 164px;
}
.pt .ticketTitle-rounds .RoundsCountDown {
  width: 172px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pt .ticketTitle-rounds .RoundsCountDown__time {
  text-align: right;
}
.pt .LottoAndLive__controls__more {
  width: 276px;
}

@media screen and (min-width: 1100px) {
  .app .container.pt .toggleHistory {
    width: 150px;
  }
  .app .container.pt .RoundsWithFuture__delete {
    width: 216px !important;
  }
  .app .container.pt .ticketTitle-rounds .RoundsCountDown {
    width: 217px;
  }
  .app .container.pt .lottery .icon-con {
    width: 189px;
  }
  .app .container.pt .col-mid .FavoriteNumbersEditor .addFav {
    width: 212px !important;
  }
  .app .container.pt .WinnersList__title {
    height: 37px;
  }
  .app .container.pt .LottoSearch {
    padding-left: 10px !important;
  }
  .app .container.pt .LottoSearch input {
    font-size: var(--accentSize);
  }
  .app .container.pt .LottoSearch input::placeholder {
    font-size: var(--accentSize);
  }
  .con-popUp.pt .popUp-Content .toggleHistory {
    min-width: 185px;
  }
}
.container.es .lottery .lottery-name .lottoFreq {
  width: 115px;
}

@media screen and (min-width: 1100px) {
  .app .container.es .RoundsWithFuture__delete {
    width: 205px;
  }
  .app .container.es .ticketTitle-rounds .RoundsCountDown {
    width: 260px;
  }
  .app .container.es .col-mid .FavoriteNumbersEditor .addFav {
    width: 211px;
  }
  .app .container.es .lottery .icon-con {
    width: 189px;
  }
  .app .container.es .VisualGuide__steps__step__action {
    font-size: var(--headerSize);
  }
  .app .container.es .WinnersList__title {
    height: 37px;
  }
  .app .container.es .LottoSearch {
    padding-left: 10px !important;
  }
  .app .container.es .LottoSearch input {
    font-size: var(--normalSize);
  }
  .app .container.es .LottoSearch input::placeholder {
    font-size: var(--normalSize);
  }
  .con-popUp.es .popUp-Content .toggleHistory {
    min-width: 170px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1610px) {
  .app .container.es .VisualGuide__steps {
    padding: 0 50px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1500px) {
  .container.es .VisualGuide__steps .LineGuide {
    width: 45px;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1400px) {
  .container.es .VisualGuide__steps .LineGuide {
    width: 46px;
  }
  .container.es .VisualGuide__steps > div {
    margin-right: 20px;
  }
}
@media print {
  .BarCodePreOrder {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .BarCodePreOrder__ticketDetails {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }
  .BarCodePreOrder__ticketDetails__title {
    width: 100%;
    height: 60px;
    padding: 0 10%;
    display: flex;
    flex-wrap: wrap;
    align-self: center;
    justify-content: space-between;
  }
  .BarCodePreOrder__ticketDetails__title__name {
    width: 50%;
    height: 40px;
    font-size: 40px;
  }
  .BarCodePreOrder__ticketDetails__title .RoundsInterval {
    width: 50%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
  .BarCodePreOrder__ticketDetails__title .RoundsInterval div {
    font-size: 20px;
    margin-left: 10px;
  }
  .BarCodePreOrder__ticketDetails__title__consec {
    width: 50%;
    height: 20px;
    order: 3;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .BarCodePreOrder__ticketDetails__title__consec__nr {
    margin-left: 10px;
  }
  .BarCodePreOrder__ticketDetails > .MountAnimation {
    background-color: #0281ec;
    flex-direction: row;
  }
  .BarCodePreOrder__ticketDetails .bilet-info {
    width: 80% !important;
    margin: 20px 0;
    padding: 17px 11px 17px 11px;
    border: solid #000 !important;
    border-width: 1px !important;
    border-radius: 10px;
  }
  .BarCodePreOrder__ticketDetails .bilet-info .con-bilet-bile {
    max-width: 400px;
    height: min-content;
    min-height: 55px;
    margin: 15px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
  }
  .BarCodePreOrder__ticketDetails .bilet-info .con-bilet-bile .MountAnimation {
    margin-right: 5px;
    margin-bottom: 10px;
  }
  .BarCodePreOrder__ticketDetails .bilet-info .con-bilet-bile button {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
  }
  .BarCodePreOrder__ticketDetails__detail {
    width: 80%;
    margin: 0 10% 10px 10%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .BarCodePreOrder__ticketDetails .all-tickets-info {
    width: 80%;
    margin: 0 10% 20px 10%;
    height: 85px;
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr 1.5fr;
    grid-template-rows: 40px 40px;
    column-gap: 10px;
    row-gap: 10px;
    grid-auto-flow: column;
    justify-items: center;
    padding: 0 50px;
    box-sizing: border-box;
    border: solid #000 !important;
    border-width: 1px !important;
    border-radius: 10px;
    padding: 0 16px !important;
  }
  .BarCodePreOrder__ticketDetails .all-tickets-info > div:nth-child(even) {
    align-self: start;
  }
  .BarCodePreOrder__ticketDetails .all-tickets-info > div:nth-child(odd) {
    align-self: end;
  }
  svg {
    margin-left: 130px !important;
    background-color: pink;
  }
  svg g rect {
    fill: #000 !important;
  }
  svg > rect {
    fill: #ffffff !important;
  }
  svg text {
    fill: #000 !important;
  }
}
.regulament_castiguri table,
.regulament_castiguri th,
.regulament_castiguri td {
  border: 1px solid #323232;
  border-collapse: collapse;
  text-transform: uppercase;
}

.unified-tournament-prize {
  max-width: 120px;
  display: flex;
  align-items: center;
  font-size: 0.71429rem;
  font-weight: 700;
}

.unified-tournament-prize__amount {
  border-radius: 2px 0 0 2px;
}

.unified-tournament-prize__amount,
.unified-tournament-prize__name {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0 8px;
}

.unified-tournament-prize__amount {
  color: #fff;
  white-space: nowrap;
}

.unified-tournament-prize__name {
  border-radius: 0 2px 2px 0;
  word-break: break-all;
  text-transform: uppercase;
}

.togglePFRInfo__toggle .Switch rect {
  fill: #4d4d4d;
  stroke: #4d4d4d;
}
.togglePFRInfo__toggle .Switch circle {
  fill: white;
  stroke: white;
}
.togglePFRInfo__toggle .Switch:hover rect {
  fill: #272a31;
  stroke: #272a31;
}
.togglePFRInfo__toggle .Switch--on rect {
  fill: var(--accentColor);
  stroke: var(--accentColor);
}
.togglePFRInfo__toggle .Switch--on:hover rect {
  fill: var(--accentColor);
  stroke: var(--accentColor);
}

.info_plasare_container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.info_plasare {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 0;
  padding: 0;
  text-transform: lowercase;
}

@media screen and (max-width: 375px) {
  .biletDetails .PFRInfo .togglePFRInfo .labelPFRInfo {
    max-width: 70px;
  }
  .win_options {
    color: #ffffff;
    font-size: 13px;
  }
  .TicketsStatusUnfolded__summary {
    padding: 10px 5px !important;
  }
}
@media screen and (max-width: 450px) {
  .popUp-Content.runde .RoundsHistory__row {
    grid-template-columns: 60px 1fr;
  }
  .popUp-Content.runde .RoundsHistory__row.commercial {
    grid-template-columns: 60px 3fr 0.5fr !important;
  }
  .container .LottoAndLive .RoundsHistory__rowsCon .RoundsHistory__row__round {
    margin-left: 0 !important;
    justify-content: center;
  }
  .biletDetails .PFRInfo .currentPrize {
    max-width: 50%;
  }
  .biletDetails .PFRInfo .currentPrize .win_options {
    font-size: 13px !important;
  }
  .date-picker-item .MuiFormControl-root input,
  .RoundsHistory__filters__time .MuiFormControl-root input {
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
  }
}
#root .container.es .RoundsWithFuture__delete {
  height: 37px;
}

@media screen and (max-width: 1100px) {
  #root .container.es .ticketTitle-lottery-name {
    max-width: 140px !important;
    width: 140px;
  }
  #root .container.es .ticketTitle-lottery-name,
  #root .container.es .PayTable__header__title {
    font-size: 20px;
  }
  #root .container.es .ticketTitle-lottery-consec,
  #root .container.es .RoundsCountDown {
    font-size: 12px;
  }
  #root .container.es .CurrentTicketDetails {
    height: 40px;
    grid-template-rows: 28px 17px;
  }
  #root .container.es .col-mid .main .RandomAndStatisticsMobile__headerBtn.random {
    margin-left: 0;
  }
  #root .container.es .col-mid .main .RandomAndStatisticsMobile__headerBtn.statistics {
    margin-right: 0;
  }
  #root .container.es .PayTable__smallTable {
    padding: 0 25px;
  }
}
@media screen and (max-width: 1100px) {
  #root .container.es .RoundsWithFuture__delete,
  #root .container.pt .RoundsWithFuture__delete {
    margin-right: 4px;
    font-size: 12px !important;
    padding: 0 9px !important;
  }
  #root .container.es .RoundsWithFuture .toggleButton,
  #root .container.pt .RoundsWithFuture .toggleButton {
    font-size: 12px;
    padding: 0 3px;
  }
  #root .container.es .StatisticsExtra .cancel-selection,
  #root .container.es .col-dr .delete-selections,
  #root .container.pt .StatisticsExtra .cancel-selection,
  #root .container.pt .col-dr .delete-selections {
    width: 115px !important;
    min-width: 115px !important;
  }
  #root .container.es .col-mid .PayTable__smallTable__row div,
  #root .container.pt .col-mid .PayTable__smallTable__row div {
    font-size: 11px !important;
  }
  .pt .col-mid .main .RandomAndStatisticsMobile__headerBtn.random {
    margin-left: 10px !important;
  }
  .pt .col-mid .main .RandomAndStatisticsMobile__headerBtn.statistics {
    margin-right: 10px !important;
  }
  .pt .con-btns {
    padding: 0 10px !important;
  }
  .pt .ticketTitle-lottery-name {
    max-height: calc(var(--headerSize) * 3);
  }
  .pt .SetTicketFirstAlert__destination {
    display: grid;
    grid-template-columns: 12px 1fr;
  }
  .pt .SetTicketFirstAlert__destination .Step {
    position: unset;
    white-space: nowrap;
  }
  .pt .popUp-Content.pariuri .filtru .DropDown__header {
    padding-left: 5px;
    padding-right: 15px !important;
  }
  .pt .TicketsHistoryGrid__row {
    grid-template-columns: 1fr 46px 104px 1fr 1fr 1fr 44px;
  }
  .pt .col-mid .PayTable__smallTable {
    padding: 0 20px;
  }
}
@media screen and (max-width: 470px) {
  #root .app .container.es .RoundsWithFuture__delete {
    max-width: 40%;
  }
}
.TicketsHistory {
  display: grid;
  grid-template-columns: 160px 1fr;
}
.TicketsHistory--mobile {
  grid-template-columns: 145px 1fr;
}
.TicketsHistory__table {
  display: grid;
  grid-template-columns: 90px 90px 100px minmax(160px, 1fr) 100px 85px;
  grid-auto-rows: 42px;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  padding: 0 !important;
  margin: 0 !important;
}
.TicketsHistory__table--fixed {
  grid-template-columns: 31px 55px 59px;
  -webkit-box-shadow: 10px 0px 8px -7px var(--clickableColor);
  -moz-box-shadow: 10px 0px 8px -7px var(--clickableColor);
  box-shadow: 10px 0px 8px -7px var(--clickableColor);
  z-index: 1;
}
@media screen and (min-width: 1100px) {
  .TicketsHistory__table--fixed {
    grid-template-columns: 50px 54px 55px;
  }
}
.TicketsHistory__table--mobile {
  grid-template-columns: 90px 90px 100px minmax(190px, 1fr) 100px 80px;
  overflow-y: hidden;
  overflow-x: scroll;
}
.TicketsHistory__table--mobile::-webkit-scrollbar {
  height: 4px;
  background: transparent;
}
.TicketsHistory__table--mobile::-webkit-scrollbar-thumb {
  background-color: #a5a1a1;
}
.TicketsHistory__table--mobile::-webkit-scrollbar-track {
  background: transparent;
}
.TicketsHistory__table > div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center;
  flex-wrap: wrap;
  font-size: var(--normalSize);
  word-break: break-word;
  color: var(--textColor);
  text-align: center;
}
.TicketsHistory__table > div:not(.TicketsHisotry__table__lottery,
.TicketsHistory__table__header--lottery) {
  padding-left: 5px;
}
.TicketsHistory__table > div.TicketsHistory__table__header--status {
  padding-left: 0;
}
.TicketsHistory__table__header {
  background: var(--clickableColor);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.TicketsHistory__table__header--status {
  position: relative;
}
.TicketsHistory__table__header--status .Info {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 0;
}
.TicketsHistory__table__header--stake {
  padding-left: 10px !important;
}
.TicketsHistory__table__date {
  display: flex;
  align-items: flex-start !important;
  justify-content: center !important;
  flex-direction: column;
  text-align: center;
}
.TicketsHistory__table__stake {
  padding-left: 10px !important;
}
.TicketsHistory__table__lottery, .TicketsHistory__table__date:not(.TicketsHistory__table__header) {
  background-color: var(--winnersColor);
}
.TicketsHistory__table__lottery div, .TicketsHistory__table__lottery span, .TicketsHistory__table__date:not(.TicketsHistory__table__header) div, .TicketsHistory__table__date:not(.TicketsHistory__table__header) span {
  background-color: var(--winnersColor);
}
.TicketsHistory__table .rowBackground {
  background-color: var(--clickableColor);
}
.TicketsHistory__table .rowBackground div, .TicketsHistory__table .rowBackground span {
  background-color: var(--clickableColor);
}
.TicketsHistory__table .Winnings {
  position: relative;
  top: -5px;
}
.TicketsHistory__table .status {
  width: 100%;
  justify-content: center;
}
.TicketsHistory__table .status > .status {
  width: 8px;
}

.titleLabel {
  font-size: var(--subHeaderSize);
  font-weight: 700;
  color: var(--textColor);
  text-align: left;
}

@media screen and (max-width: 1100px) {
  .filtru.date-picker {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .filtru.date-picker .date-picker-item {
    display: flex;
    gap: 10px;
  }
  .titleLabel {
    font-size: var(--normalSize);
    font-weight: 500;
  }
}
.timeFrameHolder {
  display: flex;
  gap: 2px;
}
.timeFrameHolder div {
  width: 100%;
  min-width: 140px;
}
.timeFrameHolder div input {
  max-width: 100% !important;
}

.my-swiper-button-prev,
.my-swiper-button-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 100%;
  cursor: pointer;
}
.my-swiper-button-prev.swiper-button-disabled,
.my-swiper-button-next.swiper-button-disabled {
  visibility: hidden;
}

.my-swiper-button-prev {
  transform: rotate(180deg);
}

.custom-pagination {
  margin: 0 auto;
  bottom: -20px !important;
  position: absolute;
}

@media screen and (max-height: 490px) {
  .MuiPaper-root .MuiPickersToolbar-root {
    padding: 5px 24px;
  }
  .MuiPaper-root .MuiPickersToolbar-root h4 {
    font-size: 20px;
  }
  .MuiPaper-root .MuiPickersCalendarHeader-root {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .MuiPaper-root .MuiPickersSlideTransition-root {
    min-height: 200px;
  }
  .MuiPaper-root .MuiDateCalendar-root {
    min-height: 280px;
    height: 280px;
  }
}
@media screen and (min-width: 1100px) {
  .container.es .ProgressiveFreeRisk {
    background: #101419;
  }
  .container.es .ProgressiveFreeRisk .PFRInfoTOP {
    flex-direction: column;
    padding: 5px;
    background: #2D3745;
  }
  .container.es .ProgressiveFreeRisk .PFRInfoTOP .togglePFRInfo {
    margin-top: 5px;
    padding: 10px 5px;
  }
  .container.es .ProgressiveFreeRiskPrize .amount {
    font-size: 12px;
  }
  .container.es .activatePFR .PFRInfoTOP .ProgressiveFreeRiskPrize {
    margin-top: 5px;
  }
}
@media screen and (max-width: 1100px) {
  #root .container.es .LottoAndLive__explication__info .con-btns .istoric-runde {
    width: 42% !important;
  }
  #root .container.es .RoundsWithFuture__rounds__title div {
    position: relative;
    left: -30px;
  }
  #root .container.es .PayTable__header__stake {
    width: 167px !important;
  }
  #root .container.es .col-dr .PFRInfo {
    padding: 5px;
  }
  #root .container.es .col-dr .PFRInfo .togglePFRInfo .labelPFRInfo {
    text-align: center;
  }
  #root .container.es .lottery .icon-con span {
    font-size: 11px;
  }
}
.container.es .ProgressiveFreeRisk .listaPremii .listaPremii_scroll .premiu {
  background: #1C2025;
}
.container.es .ProgressiveFreeRisk {
  background: #101419;
}
.container.es .PFRInfoTOP {
  padding: 11px 10px 5px 10px !important;
  flex-direction: column;
}

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