* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

@font-face {
  font-family: "Refrigerator-Deluxe";
  src: url("/css/fonts/Mark-Simonson-Refrigerator-Deluxe-Heavy.ttf") format("truetype");
}

@font-face {
  font-family: "Refrigerator-Deluxe-Light";
  src: url("/css/fonts/Mark-Simonson-Refrigerator-Deluxe-Light.ttf") format("truetype");
}

:root {
  /* Font-Weight */

  --fw-400: 400;
  --fw-500: 500;
  --fw-bold: bold;

  /* Primary Colors */

  --primary-main: #00efe5;
  --primary-light: #90ffff;
  --primary-dark: #00aca4;
  --primary-background: #00ebff1a;
  --primary-input-background-009: #e6f1ff17;
  --primary-input-color: #e6f1ff;
  --primary-border: #00f0e480;
  --primary-border-bot: #ffffff6b;
  --primary-white: #ffffff;

  /* Secondary Colors */

  --secondary-main: #006afa;
  --secondary-light: #4694ff;
  --secondary-dark: #013cdb;
  --secondary-background: #006afa1f;
  --secondary-border: #4694ff80;

  /* Text Colors */

  --primary-text: #e6f1ff;
  --primary-text-opc-04: #e6f1ff66;
  --secondary-text: #e6f1ffb3;
  --secondary-text-050: #e6f1ff80;
  --disabled-text: #e6f1ff80;

  /* Action Colors */

  --action-active: #e6f1ff8a;
  --action-disabled: #e6f1ff4d;
  --action-hover: #e6f1ff14;
  --action-focus-bottom: #00efe5;
  --action-selected: #e6f1ff29;

  /* Surface Colors */

  --surface-disabled: #e6f1ff1f;
  --surface-captions: #333d52e6;
  --surface-surface: #29303c;
  --surface-background: #15171d;
  --surface-blur: #000000d9;
  --surface-overlay: #e6f1ff33;
  --surface-overlay-30: #e6f1ff4d;
  --surface-surface-70: #29303cb3;

  /* Error Colors */

  --error-main: #ff5345;
  --error-light: #ff9393;
  --error-dark: #c92929;
  --error-background: #f4433614;
  --error-content: #2d0c09;
  --error-border: #ff534580;

  /* Warning Colors */

  --error-warning-main: #ff9800;
  --error-warning-light: #ffb74d;
  --error-warning-dark: #f57c00;
  --error-warning-background: #ff980014;
  --error-warning-content: #2f1c00;

  /* Success Colors */

  --success-warning-main: #4caf50;
  --success-warning-light: #81c784;
  --success-warning-dark: #388e3c;
  --success-warning-background: #4caf5014;
  --success-warning-content: #0d200e;

  /* Outlined Text hover */
  --ol-txt-hover: #00efe50a;

  /* Outlined GRAY hover */
  --gray-hover: #e6f1ff0f;

  /* Grid */

  --grid-gap-size: 12px;
  --grid-margin: 145px;
  --grid-columns: repeat(4, 1fr);
  --grid-casino-columns: repeat(4, 1fr);
  --grid-col: 4;
  --col-hint: 0px;
  --col-size: calc((100% / var(--grid-col)) - var(--grid-gap-size) - var(--col-hint));

  /* margin  btn*/

  --btn-margin: 0 12px 12px 12px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

button::-moz-focus-inner {
  border: none;
  padding: 0;
}

.btn {
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto";
  font-weight: var(--fw-500);
  /* text-transform: capitalize; */
  letter-spacing: 0.22px;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
  width: max-content;
  height: max-content;
}

/* BUTTONS */
/* Contained button */

.btn-primary {
  background-color: var(--primary-main);
  color: var(--surface-background);
}

.btn-primary:hover {
  background-color: var(--primary-dark);
}

.btn-secondary {
  background-color: var(--secondary-main);
  color: var(--primary-text) !important;
}

.btn-secondary:hover {
  background-color: var(--secondary-dark);
}

.btn-error {
  background-color: var(--error-main);
  color: var(--primary-text);
}

.btn-error:hover {
  background-color: var(--error-dark);
}

.btn-gray {
  background-color: var(--action-selected);
  color: var(--primary-text);
}

.btn-gray:hover {
  background-color: var(--action-hover);
}

/* NEW TAB BUTTON */

.btn-tab {
  height: 53px;
  padding: 0 10px;
  color: var(--primary-text);
  font-weight: 500;
  font-size: 14px;
  border-radius: 0;
  width: 100%;
}

.btn-tab.activ {
  border-bottom: 2px solid var(--primary-main);
    background: transparent!important;
    color: var(--primary-main)!important;
}

/* Outlined  button*/

.btn-outlined-primary {
  color: var(--primary-main);
  border: 2px solid var(--primary-border);
}

.btn-outlined-primary:hover {
  background-color: var(--ol-txt-hover);
}

.btn-outlined-secondary {
  color: var(--secondary-light);
  border: 2px solid var(--secondary-border);
}

.btn-outlined-secondary:hover {
  background-color: #006afa0a;
}

.btn-outlined-error {
  color: var(--error-main);
  outline: 2px solid var(--error-border);
}

.btn-outlined-error:hover {
  background-color: #ff53450a;
}

.btn-outlined-gray {
  color: var(--primary-text);
  border: 2px solid var(--action-disabled);
}

.btn-outlined-gray:hover {
  background-color: var(--gray-hover);
}

/* Text button*/

.btn-text-primary {
  color: var(--primary-main);
}

.btn-text-primary:hover {
  background-color: var(--ol-txt-hover);
}

.btn-text-secondary {
  color: var(--secondary-light);
}

.btn-text-secondary:hover {
  background-color: var(--secondary-background);
}

.btn-text-error {
  color: var(--error-main);
}

.btn-text-error:hover {
  background-color: #ff53450f;
}

.btn-text-gray {
  color: var(--primary-text);
}

.btn-icon-left-lg {
  margin-right: 13px;
  font-size: 22px;
}

.btn-icon-left-sm {
  margin-right: 11px;
  font-size: 18px;
}

.btn-icon-right-lg {
  margin-left: 13px;
  font-size: 22px;
}

.btn-icon-right-sm {
  margin-left: 11px;
  font-size: 18px;
}

.btn-text-gray:hover {
  background-color: var(--gray-hover);
}

/* Link button*/

.btn-link {
  font-weight: var(--fw-400);
  font-size: 14px;
  border-radius: 0;
  color: var(--primary-main);
  border-bottom: 1px solid #00aca480;
}

.btn-link:hover {
  border-bottom: 1px solid var(--primary-main);
}

/*FAB button*/
.btn-fab-disabled,
.btn-fab-primary,
.btn-fab-secondary {
  border-radius: 50%;
  font-size: 14px;
  -webkit-box-shadow: 0px 5px 6px #00000061;
  box-shadow: 0px 5px 6px #00000061;
}

.btn-fab-primary {
  background-color: var(--primary-main);
  color: var(--surface-background);
}

.btn-fab-primary:hover {
  background-color: var(--primary-dark);
}

.btn-fab-secondary {
  background-color: var(--secondary-main);
  color: var(--primary-text);
}

.btn-fab-secondary:hover {
  background-color: var(--secondary-dark);
}

.btn-fab-disabled {
  background-color: var(--surface-disabled);
  color: var(--action-disabled);
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-fab-lg {
  padding: 16px;
}

.btn-fab-md {
  padding: 13px;
}

.btn-fab-sm {
  padding: 9px;
}

/* Chip button*/

.btn-chip,
.btn-chip-non-icon {
  border-radius: 21px;
  -webkit-box-shadow: 0px 3px 6px #0000001f;
  box-shadow: 0px 3px 6px #0000001f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  background: #e6f1ff1a;
  border: 1px solid var(--surface-overlay);
  letter-spacing: 0px;
  color: var(--secondary-text);
}

.btn-chip {
  gap: 13px;
  background: #e6f1ff1a;
  padding: 7px 18px 7px 13px;
  overflow: hidden;
  position: relative;
}

.btn-chip-non-icon {
  line-height: 20px;
  padding: 7px 21px;
  overflow: hidden;
  position: relative;
}

.btn-chip:hover,
.btn-chip-non-icon:hover {
  border: 1px solid #e6f1ff00;
  background: #e6f1ff33;
}

.btn-chip:active {
  background: var(--primary-text);
  color: #15171df2;
}

.btn-chip.activ:hover:not([disabled]) {
  background: var(--primary-text);
  color: #15171df2;
}

.btn-chip i {
  font-size: 20px;
  color: var(--secondary-light);
  line-height: unset;
}

.activ>i {
  color: var(--secondary-main);
}

.chip-active {
  border: 1px solid var(--primary-main);
  color: var(--secondary-text);
  background-color: var(--surface-overlay);
}

.chip-active i {
  color: var(--secondary-light);
}

.btn-chip span {
  position: absolute;
  background-color: #2a2e3379;
  transform: translate(-50%, -50%);
  pointer-events: none;
  border-radius: 50%;
  animation: animate 1s linear infinite;
}

@keyframes animate {
  0% {
    width: 0;
    height: 0;
    opacity: 0.5;
  }

  100% {
    width: 500px;
    height: 500px;
    opacity: 0;
  }
}

/* Disable button*/

.btn-disable-outlined,
.btn-disable-text,
.btn-disable-contained:not(.paymentSubmit) {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--action-disabled);
}

select.select-menu-item:hover {
  background-color: transparent;
}

.btn-disable-contained {
  background-color: var(--surface-disabled);
}

.btn-disable-outlined {
  border: 2px solid var(--surface-disabled);
}

.btn-disable-text {
  background-color: transparent;
}

.btn-lg {
  padding: 12px 22px;
  font-size: 16px;
}

.btn-md {
  padding: 8px 16px;
  font-size: 14px;
}

.btn-sm {
  padding: 6px 10px;
  font-size: 12px;
}

.btn-block {
  width: 100%;
  padding: 12px 0;
  font-size: 16px;
}

/* box-shadow */

.btn-primary:hover,
.btn-secondary:hover,
.btn-error:hover,
.btn-gray:hover,
.btn-disable-contained {
  box-shadow: 0px 3px 3px #00000061;
}

.btn-disable-outlined,
.btn-disable-text,
.btn-link,
.btn-text-gray,
.btn-text-error,
.btn-text-secondary,
.btn-text-primary,
.btn-outlined-gray,
.btn-outlined-error,
.btn-outlined-secondary,
.btn-outlined-primary {
  background-color: transparent;
}

/* BUTTONS */

/* INPUT START */

.input-icon-right {
  position: absolute;
  z-index: 999;
  top: 22px;
  right: 14px;
}

.input-icon-right i {
  font-size: 22px;
  cursor: pointer;
}

.input-default {
  background-color: var(--primary-input-background-009);
  border-radius: 6px 6px 0px 0px;
  color: var(--primary-input-color);
  height: 56px;
  width: 100%;
  padding-left: 12px;
  text-align: left;
  letter-spacing: 0.26px;
  font: normal normal normal 16px/24px "Roboto";
  border: none;
  border-bottom: 1px solid var(--primary-border-bot);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.input-default:not(:-moz-placeholder-shown) {
  font-size: 16px;
  color: var(--primary-input-color);
  padding-top: 27px;
  border-bottom: 1px solid var(--primary-border-bot);
}

.input-default:not(:-ms-input-placeholder) {
  font-size: 16px;
  color: var(--primary-input-color);
  padding-top: 27px;
  border-bottom: 1px solid var(--primary-border-bot);
}

.input-default:not(:placeholder-shown) {
  font-size: 16px;
  color: var(--primary-input-color);
  padding-top: 27px;
  border-bottom: 1px solid var(--primary-border-bot);
}

.input-default:hover:not(:-moz-placeholder-shown) {
  border-bottom: 2px solid var(--primary-border-bot);
}

.input-default:hover:not(:-ms-input-placeholder) {
  border-bottom: 2px solid var(--primary-border-bot);
}

.input-default:hover:not(:placeholder-shown) {
  border-bottom: 2px solid var(--primary-border-bot);
}

.input-wrapper {
  position: relative;
}

body.tablet .input-wrapper {
  position: relative;
  height: 56px;
}

.input-label {
  position: absolute;
  top: 17px;
  left: 12px;
  color: var(--secondary-text);
  letter-spacing: 0.26px;
  text-align: left;
  font: normal normal normal 16px/24px "Roboto";
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}

.input-default:not(:-moz-placeholder-shown)~.input-label {
  position: absolute;
  top: 7px;
  left: 12px;
  text-align: left;
  font: normal normal normal 12px/18px "Roboto";
  letter-spacing: 0.12px;
  color: var(--secondary-text);
}

.input-default:not(:-ms-input-placeholder)~.input-label {
  position: absolute;
  top: 7px;
  left: 12px;
  text-align: left;
  font: normal normal normal 12px/18px "Roboto";
  letter-spacing: 0.12px;
  color: var(--secondary-text);
}

.input-default:not(:placeholder-shown)~.input-label {
  position: absolute;
  top: 7px;
  left: 12px;
  text-align: left;
  font: normal normal normal 12px/18px "Roboto";
  letter-spacing: 0.12px;
  color: var(--secondary-text);
}

.input-default:focus~.right {
  visibility: visible;
}

.input-default:not(:focus)~.right {
  visibility: hidden;
}

.input-default:not(:-moz-placeholder-shown)~.right {
  visibility: visible;
}

.input-default:not(:-ms-input-placeholder)~.right {
  visibility: visible;
}

.input-default:not(:placeholder-shown)~.right {
  visibility: visible;
}

.hints {
  text-align: left;
  font: normal normal normal 12px/18px "Roboto";
  letter-spacing: 0.12px;
  color: var(--secondary-text);
  position: relative;
  padding: 8px 0 8px 12px;
  margin: 0;
  width: 100%;
  top: -2px;
}

/*INPUT DEFAULT STANDARD BACKGROUND IS DIFFERENT*/

.input-default.standard {
  background: transparent !important;
  border-radius: 6px 6px 0px 0px;
  color: var(--primary-input-color);
  height: 56px;
  width: 100%;
  padding-left: 12px;
  text-align: left;
  letter-spacing: 0.26px;
  font: normal normal normal 16px/24px "Roboto";
  border: none;
  border-bottom: 1px solid var(--primary-border-bot);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*Input Hover */
.input-default:hover {
  border-bottom: 2px solid var(--primary-border-bot);
}

/*Input Active*/
/* .input-default:active {
		padding-top: 27px;
		border-bottom: 2px solid var(--primary-white);	
	}
	
	.input-default:active ~ .input-label {
		position: absolute;
		top: 7px;
		left: 12px;
		text-align: left;
		font: normal normal normal 12px/18px "Roboto";
		letter-spacing: 0.12px;
		color: var(--secondary-text);
	} */

/*Input Focus*/
.input-default:focus {
  padding-top: 27px !important;
  border-bottom: 2px solid var(--primary-main);
}

.input-default-custom {
  padding-top: 27px !important;
  border-bottom: 1px solid var(--primary-border-bot) !important;
}

/*.input-date-custom::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}*/

.input-date-custom::before{
  color: lightgray;
  content: attr("DD/MM/AA");
}

.input-default:focus~.input-label {
  position: absolute !important;
  top: 7px !important;
  left: 12px !important;
  text-align: left !important;
  font: normal normal normal 12px/18px "Roboto" !important;
  letter-spacing: 0.12px !important;
  color: var(--primary-main) !important;
}

.input-default~.input-label-custom {
  position: absolute !important;
  top: 7px !important;
  left: 12px !important;
  text-align: left !important;
  text-align: left !important;
  font: normal normal normal 12px/18px "Roboto" !important;
  letter-spacing: 0.12px !important;
}

.input-default:focus~.hints {
  color: var(--secondary-text) !important;
}

.input-default:focus~.inpError {
  color: var(--secondary-text) !important;
}

/*Input Disabled*/
.input-default:disabled {
  border-bottom: 1px dashed var(--secondary-text-050);
  color: var(--disabled-text);
  pointer-events: none;
}

.input-default:disabled~.input-label {
  color: var(--disabled-text);
  pointer-events: none;
}

.input-default:disabled~.hints {
  color: var(--disabled-text);
}

/* Input Error */
div.inpError {
  color: var(--error-main);
  text-align: left;
  position: relative;
  padding: 8px 0 8px 20px;
  margin: 0;
  width: 100%;
  top: 5px;
  font: normal normal normal 12px/18px "Roboto";
  letter-spacing: 0.12px;
}
div.inpError ~ .hints {
  display: none;
}

.input-wrapper.error>.hints {
  display: none;
}

input.error,
div.error,
select.error {
  border-bottom: 2px solid var(--error-main) !important;
}

/* END INPUT FIELDS*/

/* TEXTAREA */
.input-textarea {
  background-color: var(--primary-input-background-009);
  border-radius: 4px 4px 0px 0px;
  color: var(--primary-input-color);
  height: 177px;
  width: 100%;
  padding-left: 12px;
  text-align: left;
  letter-spacing: 0.26px;
  font: normal normal normal 16px/24px "Roboto";
  border: none;
  border-bottom: 1px solid var(--primary-border-bot);
  min-width: 260px;
  color: var(--secondary-text);
  padding-top: 30px;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  resize: none;
}

.input-textarea-label {
  position: absolute;
  top: 10px;
  left: 12px;
  color: var(--secondary-text);
  letter-spacing: 0.12px;
  text-align: left;
  font: normal normal normal 12px/18px "Roboto";
}

/*Textarea Hover */
.input-textarea:hover {
  border-bottom: 2px solid var(--secondary-text);
}

/* Textarea Active */
.input-textarea:active {
  color: var(--primary-text);
  border-bottom: 2px solid var(--primary-border-bot);
}

.input-textarea:active~.input-textarea-label {
  color: var(--secondary-text);
}

.input-textarea:active~.hints {
  color: var(--secondary-text);
}

/*Textarea Focus */
.input-textarea:focus {
  color: var(--secondary-text);
  border-bottom: 2px solid var(--secondary-light);
}

.input-textarea:focus~.input-textarea-label {
  color: var(--secondary-light);
}

/*Textarea Error */
.input-textarea-error {
  color: var(--secondary-text);
  border-bottom: 2px solid var(--error-main);
}

.input-textarea-error~.hints {
  color: var(--error-main);
}

.input-textarea-error~.input-textarea-label {
  color: var(--error-main);
}

/*Textarea Disabled */
.input-textarea:disabled {
  border: none;
  color: var(--disabled-text);
}

.input-textarea:disabled~.hints {
  color: var(--disabled-text);
}

.input-textarea:disabled~.input-textarea-label {
  color: var(--disabled-text);
}

/* END TEXTAREA */

/* SELECT FIELDS */

/* SELECT DEFAULT*/
.custom-dropdown {
  width: 100%;
  /* min-width: 260px; */
  overflow: hidden;
  overflow-y: scroll;
  height: max-content;
  max-height: 208px;
  background-color: var(--surface-surface);
  z-index: 111;
  position: absolute;
  top: 56px;
  left: 0;
  border-radius: 5px;
  cursor: pointer;
}

.custom-dropdown-new {
  height: 55px;
  width: 100%;
  font: normal normal normal 16px/24px "Roboto";
  background: transparent;
  color: var(--secondary-text);
  border: none;
  border-bottom: 1px solid gray;
  background-image: unset;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-top: 15px;
  padding-right: 20px;
  cursor: pointer;
}

.custom-dropdown-new:focus-visible {
  border-bottom: 2px solid var(--primary-main);
  outline: none;
}

.select-default {
  background-color: transparent;
  color: var(--secondary-text);
  height: 56px;
  width: 100%;
  text-align: left;
  letter-spacing: 0.26px;
  font: normal normal normal 16px/24px "Roboto";
  border: none;
  border-bottom: 1px solid var(--primary-border-bot);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-top: 23px;
  padding-right: 20px;
  outline: none;
  user-select: none;
  cursor: pointer;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*SELECT HOVER */
.select-default:hover {
  border-bottom: 2px solid var(--primary-border-bot);
}

/* SELECT FOCUS */
.select-default:focus {
  border-bottom: 2px solid var(--primary-main) !important;
}

.select-default:focus~.select-label {
  color: var(--primary-main) !important;
}

/* SELECT DISABLED (DIVS DO NOT HAVE DISABLED ATTR NEED TO ADD CLASS) */
.select-disabled {
  border-bottom: 1px dashed var(--secondary-text-050) !important;
  color: var(--disabled-text) !important;
  pointer-events: none !important;
}

.select-disabled~.select-label {
  color: var(--disabled-text) !important;
  pointer-events: none !important;
}

.select-disabled~.select-label {
  color: var(--disabled-text) !important;
}

.select-dropdownArrow {
  position: absolute;
  font-size: 5px;
  color: var(--primary-main);
  top: 30px;
  z-index: 1;
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  right: 7px;
}

.select-dropdownArrow-new {
  position: relative;
  font-size: 5px;
  color: var(--primary-main);
  top: -40px;
  z-index: 1;
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  left: 95%;
}

.select-dropdownArrow:before {
  content: "\e918";
}

.select-label {
  position: absolute;
  top: 0px;
  left: 0px;
  color: var(--secondary-text);
  letter-spacing: 0.12px;
  text-align: left;
  font: normal normal normal 12px/18px "Roboto";
  pointer-events: none;
}

.select-wrapper {
  position: relative;
  height: 56px;
}

.framedform[data-content="withdrawal"] .framedcontent .select-wrapper {
  height: 80px;
}
.framedform[data-content="withdrawal"] .framedcontent div.inpError {
  padding: 0px 0 8px 20px;
}

body.tablet .select-wrapper {
  position: relative;
  height: 56px;
}

.select-menu-item {
  width: 100%;
  height: max-content;
  min-height: 52px;
  color: var(--primary-text);
  letter-spacing: 0.26px;
  font: normal normal normal 16px/24px "Roboto";
  text-align: left;
  padding-left: 12px;
  background-color: var(--surface-overlay);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select-menu-item:hover {
  background-color: var(--surface-overlay-30);
}

select.select-menu-item {
  background-color: transparent;
}

.hints {
  text-align: left;
  font: normal normal normal 12px/18px "Roboto";
  letter-spacing: 0.12px;
  color: var(--secondary-text);
  position: relative;
  padding: 8px 0 8px 12px;
  margin: 0;
  width: 100%;
  top: -2px;
}

/* END SELECT FIELDS */

/* FEEDBACK START */
.feedback-default {
  width: 100%;
  height: auto;
  border-radius: 4px;
  padding: 6px 16px 6px 16px;
  display: flex;
  align-items: center;
}

.feedback-filled-error {
  background: var(--error-dark);
  color: var(--primary-text);
}
.feedback-filled-warning {
  background: var(--error-warning-dark);
  color: var(--primary-text);
}
.feedback-filled-info {
  background: var(--secondary-text);
  color: var(--primary-text);
}
.feedback-filled-success {
  background: var(--success-warning-dark);
  color: var(--primary-text);
}

.feedback-filled-error::before {
  content: url(/images/ErrorOutlineRounded.svg);
}
.feedback-filled-warning::before {
  content: url(/images/WarningAmberRounded.svg);
}
.feedback-filled-info::before {
  content: url(/images/InfoOutlined.svg);
}
.feedback-filled-success::before {
  content: url(/images/CheckCircleOutlineRounded.svg);
}
.feedback-default::before {
  margin-right: 15px;
  width: 24px;
  height: 24px;
}

/* END FEEDBACK */

.noMessages {
  text-align: center;
  padding: 30px;
  border-radius: 10px;
  background-color: var(--surface-surface);
  margin: 20px auto;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  /* color: var(--primary-text); */
}

body.desktop .fluidRow .mobile,
body.desktop footer .mobile {
  display: none;
}

body.mobile .fluidRow .desktop,
body.tablet .fluidRow .desktop,
body.mobile footer .desktop,
body.tablet footer .desktop {
  display: none;
}

body.desktop ::-webkit-scrollbar {
  padding: 3px;
  width: 14px;
  height: 14px;
  margin: 3px;
}

body.desktop .framedform .framedcontent::-webkit-scrollbar {
  width: 0px;
}

.framedcontent::-webkit-scrollbar {
  width: 0px;
}

.pageContent .flex-layout .jackpot::-webkit-scrollbar,
.pageContent .flex-layout .new::-webkit-scrollbar {
  height: 0px;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 0px;
  padding: 0;
  list-style: none;
}

::-webkit-scrollbar {
  width: 6px;
  background: var(--surface-surface) 0% 0% no-repeat padding-box;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--action-disabled);
}

i.icon-arrow-left {
  font-weight: var(--fw-bold);
}

body.desktop::-webkit-scrollbar-track {
  background: #252525;
  border-radius: 4px;
  margin: 3px;
}

body.desktop ::-webkit-scrollbar-thumb {
  background: #1c4063;
  border: 3px solid var(--surface-surface);
  border-radius: 6px;
}

body.desktop ::-webkit-scrollbar-thumb:hover {
  background: #2f78ff;
}

html,
body {
  width: 100%;
  height: auto;
  scrollbar-width: none;
}

body.fixed {
  position: fixed;
}

body.fixed>main {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

body.fixed>header {
  text-align: right;
}

/* body.mobile.installable main {
  padding-top: 120px;
} */

.hidden,
.invisible {
  display: none !important;
}

.greyedOut {
  filter: grayscale(100%) opacity(50%);
}

.activ {
  background: var(--primary-text) !important;
  color: #15171df2 !important;
  box-shadow: 3px 6px 10px #0000004d;
}

.walletMenu{
  margin-bottom: 6px !important;
}

.walletMenu>a{
    background: none;
    border: none;
    border-radius: initial !important;
}

.walletMenu>a:hover{
  background: none;
  border: none;
  border-bottom: 2px solid var(--primary-main);
 
}

.walletMenu .activ{
    background: transparent !important; 
    color: var(--primary-main) !important;
    box-shadow: none;
    border:none;
    border-bottom: 2px solid var(--primary-main);
    border-radius: initial;
}

.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000000001;
  left: 0;
  top: 0;
  background: #02314d;
}

.menuOpen {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  overflow: hidden;
}

/* .spinner {
	width: 150px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-image: url(/images/logo-palms-bet.svg);
	background-repeat: no-repeat;
	background-size: 150px auto;
	background-position: top center;
	padding-top: 60px;
} */
.spinner {
  width: 150px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/images/new-logo-palms-bet.svg");
  background-repeat: no-repeat;
  background-size: 150px auto;
  background-position: top center;
  padding-top: 60px;
}

/* .spinner::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-image: url(/images/new-logo-palms-bet.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  -webkit-animation: logo-Loader 2s infinite ease-in-out both;
  animation: logo-Loader 2s infinite ease-in-out both;
} */

.spinner>div {
  width: 18px;
  height: 18px;
  background-color: #acc4d2;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  /* position: relative;
  animation: none; */
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

/* .bounce1::before {
  display: block;
  content: "Loading";
  position: absolute;
  top: -17px;
  left: -1897%;
  font-size: 20px;
  line-height: 24px;
  color: var(--primary-text);
} */

.non-visible {
  opacity: 0;
}

.non-scrollbar::-webkit-scrollbar {
  display: none !important;
  scrollbar-width: none !important;
}

body.in .non-in {
  display: none !important;
}

body.out .non-out {
  display: none !important;
}

body.mobile .non-mobile {
  display: none !important;
}

/* body.mobile .non-tablet {
  display: none!important;
} */
body.desktop .non-desktop {
  display: none !important;
}

/* body.desktop .non-tablet {
  display: none!important;
} */
body.tablet .non-tablet {
  display: none !important;
}

img.exit {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

i.exit {
  position: absolute;
  font-size: 16px;
  cursor: pointer;
  color: var(--action-focus-bottom);
  top: 15px;
  right: 15px;
  z-index: 100;
}

/* .spinner > div {
	width: 18px;
	height: 18px;
	background-color: #acc4d2;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
} */

input:-webkit-autofill {
  -webkit-text-fill-color: var(--primary-text);
  transition: background-color 5000s ease-in-out 0s;
  background: #fff;
}

@-webkit-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes logo-Loader {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.1;
  }

  100% {
    opacity: 1;
  }
}

main {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 20px;
  margin-top: 94px;
}

body.tablet main,
body.mobile main {
  margin-top: 49px;
}

body.mobile .center {
  width: calc(95% - (var(--grid-margin-l-r) * 2));
  margin: 0 auto;
  overflow: hidden;
}

body.pop-up main,
/* body.pop-up header, */
body.pop-up footer,
body.menu-open main,
body.menu-open footer,
body.menu-open header {
  filter: blur(6px) opacity(10%);
  pointer-events: none;
}



/* .add-button {
  border-radius: 0;
  border: 1px solid #545454;
  height: 40px;
  background: var(--primary-text);
  padding: 5px 12px;
  vertical-align: middle;
  -webkit-box-shadow: 1px 1px 3px 0px #00000080;
  -moz-box-shadow: 1px 1px 3px 0px #00000080;
  box-shadow: 1px 1px 3px 0px #00000080;
} */

/* .close-title {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  border: 1px solid #00000080;
  border-radius: 50%;
  vertical-align: middle;
  background: transparent;
  background-color: transparent;
} */

/* #install {
  position: relative;
  width: 100%;
  height: 50px;
  padding: 5px 10px;
  border: 1px solid silver;
  text-align: right;
  font-size: 0;
  background: #f1e767;
  background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%);
  background: -webkit-linear-gradient(top, #f1e767 0%, #feb645 100%);
  background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=0);
  display: none;
}

body.installable #install {
  display: block;
} */

body {
  font-family: "Roboto", sans-serif !important;
  font-weight: var(--fw-500);
  margin: 0;
  padding: 0;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-flow: column;
  flex-flow: column;
  background-color: #1C212B;
  color: var(--primary-text);
  padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
}

p {
  margin: 0;
  padding: 0;
}

body.menu-open {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body.pop-up {
  position: fixed;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
}

header {
  position: fixed;
  top: 0;
  z-index: 9999;
  left: 0;
  right: 0;
}

header .logo {
  width: auto;
  height: 40px;
  /* position: absolute;
  left: 50%;
  transform: translate(-50%, 30%); */
  /* transform: translate(-28px, 0%);
	transform: translate(-28px, 0%); */
}

body.mobile header .logo {
  width: 47px;
  height: 47px;
}

body.mobile header .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

body.tablet .logoContent {
  width: 100%;
}

.logoContent .apartament {
  width: 30px;
}

.logoContent a {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

header .menu {
  width: 52px;
  height: 56px;
  z-index: 2;
  position: relative;
}

header .mainMenu {
  vertical-align: middle;
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 0;
}

header .mainMenu>li {
  padding: 0;
  margin: 0;
  display: inline-block;
  font-size: 14px;
  text-transform: capitalize;
  margin: 0 10px;
  color: var(--disabled-text);
  position: relative;
}

body.mobile header .mainMenu>li a {
  flex-direction: column;
}

body.mobile .sbmnu .subMenu>li>a {
  flex-direction: row;
  width: 100%;
  margin: 0 auto;
  align-items: center;
  gap: 8px;
}

body.mobile header .mainMenu>li>a>span {
  line-height: 15px;
}

body.desktop header .account.pull-right.loged .my-bets-container {
  margin: 16px;
  position: relative;
}


body.desktop header .account.pull-right.loged #mybets {
  text-align: left;
  font: normal normal 500 14px/20px Roboto;
  letter-spacing: 0.17px;
  color: #E6F1FF;
}

body.desktop .betsNumber {
  position: absolute;
  top: -15px;
  right: -21px;
  text-align: center;
  font: normal normal normal 12px/18px Roboto;
}

@media (min-width:320px)  { 
  body.mobile .betsNumber {
    position: absolute;
    top: 3px;
    right: 9px;
    text-align: center;
    font: normal normal normal 12px/18px Roboto;
  }
}

@media (min-width:360px)  { 
  body.mobile .betsNumber {
    position: absolute;
    top: 3px;
    right: 16px;
    text-align: center;
    font: normal normal normal 12px/18px Roboto;
  }
}

@media (min-width:375px)  { 
  body.mobile .betsNumber {
    position: absolute;
    top: 3px;
    right: 19px;
    text-align: center;
    font: normal normal normal 12px/18px Roboto;
  }
}

@media (min-width:400px)  { 
  body.mobile .betsNumber {
    position: absolute;
    top: 3px;
    right: 25px;
    text-align: center;
    font: normal normal normal 12px/18px Roboto;
  }
}
@media (min-width:480px)  { 
  body.mobile .betsNumber {
    position: absolute;
    top: 3px;
    right: 36px;
    text-align: center;
    font: normal normal normal 12px/18px Roboto;
  }
 }
@media (min-width:641px)  { 
  body.mobile .betsNumber {
    position: absolute;
    top: 3px;
    right: 67px;
    text-align: center;
    font: normal normal normal 12px/18px Roboto;
  }
}

@media (min-width:720px)  { 
  body.mobile .betsNumber {
    position: absolute;
    top: 3px;
    right: 79px;
    text-align: center;
    font: normal normal normal 12px/18px Roboto;
  }

  body.tablet .betsNumber {
    position: absolute;
    top: 3px;
    right: 92px;
    text-align: center;
    font: normal normal normal 12px/18px Roboto;
  }
}
@media (min-width:840px)  { 
  body.mobile .betsNumber {
    position: absolute;
    top: 3px;
    right: 97px;
    text-align: center;
    font: normal normal normal 12px/18px Roboto;
  }
}
@media (min-width:880px)  { 
  body.mobile .betsNumber {
    position: absolute;
    top: 3px;
    right: 105px;
    text-align: center;
    font: normal normal normal 12px/18px Roboto;
  }
}

@media (min-width:1024px) { 
  body.tablet .betsNumber {
    position: absolute;
    top: 3px;
    right: 127px;
    text-align: center;
    font: normal normal normal 12px/18px Roboto;
  }
 }

header .mainMenu>li.active:not(.sbmnu)::after {
  content: " ";
  width: 95%;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  height: 4px;
  background: var(--primary-main);
  border-radius: 20% 20% 0 0;
}

#link-menu {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

body.tablet #link-menu {
  margin-left: 15px;
}

body.mobile #link-menu {
  margin-left: 0px;
}

header .mainMenu>li>a,
header .mainMenu>li>a:active,
header .mainMenu>li>a:visited,
header .mainMenu>li>a:hover {
  color: var(--primary-text);
  text-decoration: none;
}

body.tablet header .mainMenu>li>a,
body.tablet header .mainMenu>li>a:active,
body.tablet header .mainMenu>li>a:visited,
body.tablet header .mainMenu>li>a:hover {
  flex-direction: column;
  align-items: center;
}

header .mainMenu>li>a>i {
  font-size: 20px;
}

header .mainMenu>li .adddr {
  position: absolute;
  margin: 0;
  padding: 15px;
  right: 0;
  top: 35px;
  list-style: none;
  text-align: left;
  width: auto;
  background-color: var(--surface-surface) e6;
  border-radius: 10px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

header .mainMenu>li .adddr a,
header .mainMenu>li .adddr a:active,
header .mainMenu>li .adddr a:visited,
header .mainMenu>li .adddr a:hover,
footer a,
footer a:active,
footer a:visited,
footer a:hover {
  color: #e6f1ffc7;
  text-decoration: none;
}

header .mainMenu>li .adddr li {
  height: 55px;
  line-height: 55px;
  width: auto;
  min-width: 120px;
  display: block;
}

header .menu .company.menu {
  color: var(--primary-text);
  width: 25px;
  height: 21px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
}

header .menu .company.menu>.menuToggler {
  height: 21px;
  width: 25px;
  position: relative;
  display: inline-block;
}

body header .menu .company.menu>.menuToggler>.partial {
  position: absolute;
  height: 3px;
  border-radius: 2px;
  background-color: var(--primary-text);
  left: 0px;
  transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
}

body.opera header .menu .company.menu>.menuToggler>.partial {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
}

header .menu .company.menu>.menuToggler>.partial.animated {
  background-color: palevioletred;
}

header .menu .company.menu>.menuToggler>.top {
  width: 25px;
  top: 1px;
}

header .menu .company.menu>.menuToggler>.top.animated {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  top: 1px;
  left: 4px;
}

header .menu .company.menu>.menuToggler>.mid {
  width: 25px;
  top: 9px;
}

header .menu .company.menu>.menuToggler>.mid.animated {
  left: 25px;
  opacity: 0;
}

header .menu .company.menu>.menuToggler>.bot {
  width: 25px;
  bottom: 1px;
}

header .menu .company.menu>.menuToggler>.bot.animated {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 8px;
}

header .menu .menu-title {
  position: absolute;
  left: 50px;
  top: -9px;
}

header .header-menu {
  position: relative;
  width: 100%;
}

/* header .header-menu>* {
  vertical-align: middle;
} */
/* header .account {
	position: absolute;
	display: flex;
	padding: 10px;
	right: 0px;
	top: -10px;
	-webkit-transform: translate(0, 15%);
	-moz-transform: translate(0, 15%);
	-o-transform: translate(0, -0%);
	transform: translate(0, 15%);
} */
header .account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-left: auto;
  align-items: center;
}

header .account ul.nav>li {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

header .account ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.mobile header .account ul.nav .login a {
  width: min-content;
  padding: 0px 5px;
  line-height: 20px;
}

/* header .account-info {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  cursor: pointer;
} */
header .account-info img {
  width: 24px;
  height: 24px;
  margin: auto;
}

body.mobile header .account-info img {
  height: 24px;
  width: 24px;
}

header .account-info div {
  font-size: 10px;
}

.header-menu .gameContent {
  width: 92px;
  margin-left: 30px;
  padding: 8px 0 0 0;
}

body.mobile .header-menu .gameContent {
  margin-left: 0px;
}

.header-menu .gameContent a img {
  width: 221px;
  /* height: auto; */
  height: 47px;
}

body.desktop .header-menu .gameContent a img {
  width: 109px;
  height: 56px;
}

body.desktop .header-menu .gameContent {
  margin: 0px;
  width: 250px;

  padding: 0px;
}

/* button {
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
	cursor: pointer;
	font-family: "Roboto";
}

.button {
	align-content: center;
	display: flex;
	width: auto;
	height: 35px;
	border-radius: 5px;
	padding: 9px;
	font-size: 12px;
	text-decoration: none;
}

.blue {
	border: solid 2px var(--primary-main);
	color: var(--primary-main);
	box-shadow: 0px 0px 6px #0096ff, inset 0px 0px 6px #0096ff;
}

.white {
	border: 2px solid transparent;
	color: #1d2129;
	background-color: var(--primary-text);
}

.gray {
	background-color: #1d2129;
	color: var(--primary-text-opc-04);
	font-size: 16px;
	border-style: none;
}

.blue-white {
	background-color: var(--secondary-main);
	color: var(--primary-text);
	font-size: 16px;
	 -webkit-box-shadow: 0px 0px 10px 0px  var(--secondary-main)80; 
  -moz-box-shadow: 0px 0px 10px 0px  var(--secondary-main)80;
  box-shadow: 0px 0px 10px 0px  var(--secondary-main)80; 
	border: 0px transparent; 
} */

body.mobile div#reg-personal-id-EGN span.left,
body.mobile #register-form>div.formfix>div:nth-child(4)>div:nth-child(4)>span {
  top: 7px;
  left: 95px;
  z-index: 2;
}

body.mobile #register-form span.left.req-info {
  top: 7px;
  left: 180px;
  font-size: 11px;
  text-align: left;
  margin: 0 auto;
  width: 339px;
  color: var(--primary-text-opc-04);
}

.show-password {
  position: absolute;
  z-index: 999;
}

body.mobile .framedform .framedcontent form.login .formfix.error .show-password {
  display: inline-flex;
  position: relative;
  top: -70px;
  left: calc(100% - 40px);
  z-index: 2;
}

.framedform {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
}

.framedform.open {
  display: block;
}

.framedform.open[data-content="select-promo"] {
  z-index: 9999;
}

.framedform[data-content="user-menu"].open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  z-index: 9998;
}

#logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.framedform[data-content="logout"] .framedcontent {
  padding: 30px 10px 30px;
  max-width: 370px;
}

.framedform[data-content="vip"] .framedcontent,
.framedform[data-content="menager"] .framedcontent,
.framedform[data-content="vip-bonus"] .framedcontent,
.framedform[data-content="payment"] .framedcontent {
  max-width: 350px;
}

.framedform[data-content="vip"] .iframemassage {
  padding: 12px;
}

.framedform[data-content="vip"] .exit {
  float: right;
}

.framedform[data-content="vip"] div>h4 {
  margin: 30px 0 14px;
  color: var(--primary-text);
  font-size: 18px;
}

.framedform[data-content="vip"] p {
  font-size: 12px;
  color: var(--secondary-tex);
  /* opacity: 70%; */
  text-align: left;
  margin: 0 24px;
}

.framedform[data-content="vip"] .close,
.framedform[data-content="payment"] .close {
  color: var(--primary-text);
  font-size: 16px;
  margin: 32px 0;
}

.framedform[data-content="vip-bonus"] .framedcontent {
  margin: 0px auto;
  padding-top: 160px;
  background: transparent;
  overflow: unset;
}

.framedform[data-content="vip-bonus"] .iframemassage {
  background: var(--surface-surface);
  border-radius: 10px;
}

.framedform[data-content="vip-bonus"] .vip-bonuses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 12px;
  background-color: #1c202980;
  border-radius: 10px;
  margin: 5px 12px;
}

.framedform[data-content="vip-bonus"] .vip-bonuses.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  -webkit-box-shadow: var(--secondary-main) 65 0px 0px 20px;
  box-shadow: var(--secondary-main) 65 0px 0px 20px;
  border: #066de2 solid 1px;
}

.framedform[data-content="vip-bonus"] .vip-bonuses.active .bonus-procent p {
  position: relative;
  right: -17px;
}

.framedform[data-content="vip-bonus"] .vip-bonuses.active .blue-check {
  display: block;
}

.framedform[data-content="vip-bonus"] .vip-bonuses .blue-check {
  position: relative;
  bottom: 30px;
  right: -5px;
  width: 16px;
  display: none;
}

.framedform[data-content="vip-bonus"] .pop-up-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -140%);
}

.framedform[data-content="vip-bonus"] div>h4 {
  margin-top: 100px;
  font-size: 18px;
  color: var(--primary-text);
}

.framedform[data-content="vip-bonus"] .vip-images {
  display: flex;
}

.framedform[data-content="vip-bonus"] .vip-images img {
  width: 63px;
}

.framedform[data-content="vip-bonus"] .bonus-info {
  margin: 0 12px;
}

.framedform[data-content="vip-bonus"] .bonus-info h5 {
  margin: 0;
  color: var(--primary-text);
  font-size: 14px;
  text-align: left;
}

.framedform[data-content="vip-bonus"] .bonus-info p {
  font-size: 10px;
  text-align: left;
  color: #e4edf8;
  opacity: 90%;
  margin: 4px 0;
}

.framedform[data-content="vip-bonus"] .bonus-procent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.framedform[data-content="vip-bonus"] .bonus-procent p {
  color: var(--primary-text);
  font-size: 20px;
}

.framedform[data-content="vip-bonus"] .footer-info p {
  color: #e3ecf899;
  font-size: 12px;
  text-align: left;
  margin: 0 30px 30px;
}

.framedform[data-content="vip-bonus"] .button-conteiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 40px 0;
}

.framedform[data-content="vip-bonus"] .button-conteiner .inactiv {
  background-color: #e3ecf817;
  font-size: 16px;
  color: #1d222aa3;
  border: none;
}

.framedform[data-content="vip-bonus"] .button-conteiner .later {
  color: var(--primary-text);
  font-size: 16px;
}

.framedform[data-content="vip-bonus"] .button-conteiner div {
  width: 160px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.framedform[data-content="vip-bonus"] .exit,
.framedform[data-content="menager"] .exit,
.framedform[data-content="payment"] .exit {
  padding: 12px 12px 0 0;
  position: absolute;
  right: 5px;
}

.framedform[data-content="menager"] .menager-contact>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  background-color: #1c2029;
  padding: 13px 20px;
  margin: 4px 10px;
}

.framedform[data-content="menager"] .menager-contact .menager-info h3 {
  margin: 0;
  color: var(--primary-text);
  font-size: 18px;
  text-align: left;
}

.framedform[data-content="menager"] .menager-contact .menager-info p {
  margin: 5px 0 0;
  color: #e3ecf8cc;
  font-size: 12px;
  text-align: left;
}

.framedform[data-content="menager"] .pop-up-icon,
.framedform[data-content="payment"] .pop-up-icon,
.framedform[data-content="vip"] .pop-up-icon {
  margin: 50px auto 0;
}

.framedform[data-content="menager"] .page-info {
  color: #e3ecf8b3;
  font-size: 12px;
  text-align: left;
  margin: 0 24px;
}

.framedform[data-content="menager"] .pop-up-header h4 {
  color: var(--primary-text);
  font-size: 18px;
}

.framedform[data-content="menager"] .contact-header h4 {
  color: var(--primary-text);
  font-size: 16px;
  margin: 40px 0 17px;
}

.framedform[data-content="menager"] .footer-info {
  color: #e3ecf8b3;
  font-size: 12px;
  text-align: left;
  margin: 33px 24px;
}

.framedform[data-content="menager"] .footer-info a {
  color: var(--primary-main);
}

.framedform[data-content="menager"] .menager-contact .menager-call,
.framedform[data-content="menager"] .menager-contact .menager-viber {
  margin-right: 17px;
}

.framedform[data-content="payment"] .iframemassage {
  padding: 4px;
}

.framedform[data-content="payment"] h4 {
  font-size: 18px;
  color: var(--primary-text);
}

.framedform[data-content="payment"] .iframemassage>div>p {
  font-size: 12px;
  text-align: left;
  color: #e4edf8;
  opacity: 70%;
  margin: 0 24px 25px;
}

.currentBonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  background: #0076ff;
  background: -o-linear-gradient(350deg, #0076ff 0%, #0044ff 100%);
  background: linear-gradient(100deg, #0076ff 0%, #0044ff 100%);
  height: 150px;
  margin: 30px auto 4px;
  width: 356px;
}

.currentBonus h1 {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -10%);
  -ms-transform: translate(-50%, -10%);
  transform: translate(-50%, -10%);
  font-size: 24px;
  color: var(--primary-text);
  padding-bottom: 100px;
  font-style: italic;
}

.currentBonus .currentImgBonus .currentImgBonusType {
  position: absolute;
  width: 110px;
  height: 50px;
  -webkit-transform: translate(25%, -322%);
  -ms-transform: translate(25%, -322%);
  transform: translate(25%, -322%);
  -webkit-backdrop-filter: blur(17px) brightness(1);
  backdrop-filter: blur(17px) brightness(1);
  padding: 4px 10px;
  border-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.currentBonus .currentImgBonus .currentImgBonusType img {
  position: initial;
  /* width: 100%; */
  top: 0;
  left: 0;
}

.currentBonus .currentImgBonus {
  width: 185px;
}

.currentBonus .currentImgBonus img {
  position: relative;
  top: -6px;
  left: -50px;
}

.currentBonus div h3 {
  margin: 35px 0 10px;
}

.currentBonus div p {
  font-size: 10px;
  color: var(--primary-text);
  text-align: left;
}

.currentBonus div span {
  display: block;
  float: right;
  color: #e3ecf8b3;
  font-size: 10px;
  position: relative;
  right: 10px;
  bottom: -10px;
}

.payment-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.payment-content .vip-payment {
  width: 162px;
  height: 162px;
  border-radius: 10px;
  background-color: #1c2029;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px;
  margin: 4px;
}

.payment-content .vip-payment .vip-payment-type p {
  font-size: 10px;
  margin: 0;
  opacity: 100%;
  text-align: left;
  color: var(--primary-text);
}

.payment-content .vip-payment .vip-payment-logo {
  text-align: center;
  margin: 5px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.payment-content .vip-payment:first-child .vip-payment-logo {
  margin: 28px auto 3px;
}

.payment-content .vip-payment .vip-payment-logo img {
  width: 71px;
  height: 71px;
}

.payment-content .vip-payment:first-child .vip-payment-logo img {
  width: 123px;
  height: 50px;
}

.payment-content .vip-payment .vip-payment-info {
  margin-top: 15px;
}

.payment-content .vip-payment .vip-payment-info p {
  font-size: 14px;
  text-align: center;
  margin: 0 0 4px;
  opacity: 100%;
  color: var(--primary-text);
}

.payment-content .vip-payment .vip-payment-info span {
  font-size: 10px;
  display: block;
  text-align: center;
  color: #e4edf8;
  opacity: 60%;
}

.framedform .framedcontent {
  position: relative;
  width: 100vw;
  max-height: 100vh;
  background: -moz-linear-gradient(top,
      #050606e6 0%,
      #021826f2 100%,
      #050607 100%);
  background: -webkit-linear-gradient(top,
      #050606e6 0%,
      #021826f2 100%,
      #050607 100%);
  background: linear-gradient(to bottom,
      #050606e6 0%,
      #021826f2 100%,
      #050607 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e6050606', endColorstr='#050607', GradientType=0);
  background-size: cover;
}

.framedform .framedcontent {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  position: relative;
  background: var(--surface-surface);
  border-radius: 10px;
  margin: 114px auto 20px;
  max-height: calc(100% - 134px);
  color: #acb3be;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
}

.framedform[data-content="casino"] .framedcontent {
  max-width: 348px;
  width: 100%;
}

.framedform[data-content="user-menu"] .framedcontent {
  width: min(374px, 100%);
  max-height: 627px;
  position: absolute;
  background: var(--surface-surface);
  border-radius: 10px;
  margin: 50px auto 0px;
  color: #acb3be;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--surface-surface) black;
}

body.desktop .framedform[data-content="user-menu"] .framedcontent {
  top: 105px;
  margin-top: 0;
  right: 15px;
  width: 375px;
  /* height: 569px; */
  max-height: calc(100vh - 120px);
  opacity: unset;
  box-shadow: 10px 16px 24px #0000004d;

}

body.desktop .framedform[data-content="user-menu"] .framedcontent::-webkit-scrollbar {
  width: 0;
}

body.tablet .framedform[data-content="user-menu"] .framedcontent {
  width: 375px;
  right: 18px;
  top: 0px;
}

body.tablet #edit-user-info .panel-default .form-group {
  margin-top: 20px;
}

body.mobile #edit-user-info .panel-default .form-group {
  margin-top: 20px;
}

body.mobile .framedform[data-content="user-menu"] .framedcontent .user-menu {
  width: 100%;
  position: relative;
  height: 100%;
}

.framedform[data-content="reset-password"] .button {
  margin: 0 0 0 50%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.framedform[data-content="reset-password"] .framedcontent .bday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.framedform[data-content="deposits-withdrawals"] .framedcontent button {
  width: 100%;
}

/* body.desktop .framedform[data-content="loyalty"] .framedcontent {
  width: 922px
}
body.tablet .framedform[data-content="loyalty"] .framedcontent {
  width: 612px;
  height: 870px;
} */
.framed-header {
  width: 100%;
  height: 50px;
  line-height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.framed-header .infoIcon {
  vertical-align: super;
  margin-left: 3px;
  color: #1d97ff;
  font-size: 12px;
}

.framed-header>*:first-child {
  flex: 1;
  text-align: left;
}

.framed-content {
  flex: 1;
  overflow-y: auto;
}

.framed-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.mobile #register-form {
  width: 100%;
  background-color: var(--surface-surface);
  margin: 0 auto;
  border-radius: 10px 10px 0 0;
}

body.desktop #register-form {
  width: 100%;
  display: flex;
  background-color: var(--surface-surface);
  margin: 0 auto;
  border-radius: 10px 10px 0 0;
  min-height: 780px;
}

body.mobile #register-form[current-step="3"] {
  overflow-y: scroll;
  overflow-x: hidden;
}

body.tablet svg#circle,
body.mobile svg#circle {
  width: 82px;
  height: 82px;
}

body.tablet #circle>circle#success-value,
body.mobile #circle>circle#success-value {
  stroke: var(--primary-main);
  stroke-width: 6px;
}

/* body.tablet circle,
body.mobile circle {
  stroke: var(--primary-main)36;
} */
body.mobile #register-form .stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0;
}

body.mobile #register-form .stage-circle {
  margin: 0px 28px 0px 33px;
  position: relative;
}

body.mobile #register-form .stage .stage-data[data-step="1"] {
  padding: 9px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin: 0;
}

body.mobile #register-form .stage .stage-data[data-step="2"] {
  margin: 0;
  padding: 0;
  width: 55%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4px;
}

body.mobile #register-form .stage-circle p {
  position: absolute;
}

body.mobile #register-form .formfix h1 {
  background-color: #e6f1ff08;
  height: 56px;
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 22px;
}

body.tablet #register-form .stage-circle .steps,
body.mobile #register-form .stage-circle .steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

html[lang="en"] body.tablet #register-form .stage-circle .steps,
html[lang="en"] body.mobile #register-form .stage-circle .steps {
  max-width: 23px;
  padding-bottom: 10px;
}

body.tablet #register-form .stage-circle .steps,
body.mobile #register-form .stage-circle .steps body.tablet #register-form .stage-circle .steps span:first-child,
body.mobile #register-form .stage-circle .steps span:first-child {
  font-size: 32px;
  color: var(--primary-text);
}

body.tablet #register-form .stage-circle .steps span:nth-child(2),
body.mobile #register-form .stage-circle .steps span:nth-child(2) {
  font-size: 12px;
  color: var(--primary-text);
}

body.mobile div[data-step="1"] .form-group {
  position: relative;
  margin-bottom: 40px;
}

body.mobile div[data-step="2"] .form-group {
  position: relative;
}

body.mobile .registerPageContent,
body.mobile .framedform[data-content="register"] .framedcontent {
  width: min(100% - 26px, 348px);
  margin: 60px auto;
  overflow-x: hidden;
  padding: 0;
  /* height: 100%; */
  max-height: calc(100% - 70px);
}

body.tablet .registerPageContent,
body.tablet .framedform[data-content="register"] .framedcontent {
  margin: 60px auto;
}

body.tablet #register-form input#reg-marketing-code-input::placeholder,
body.mobile #register-form input#reg-marketing-code-input::placeholder {
  font-size: 16px;
  color: #7b92b133;
}

body.mobile #register-form a.back.button.gray {
  background: var(--surface-surface);
}

body.mobile .formfix span.left {
  position: absolute;
  padding: 0;
  top: 7px;
  left: 16px;
  font-size: 12px;
  color: #e6f1ff99;
  z-index: 3;
}

body.mobile .framedform .framedcontent form.login .formfix span.left {
  position: static;
}

body .framedform .framedcontent form.login .formfix span.left {
  display: block;
  margin: 0 0 8px 10px;
}

body form#login-form .formfix .form-group {
  position: relative;
}

body.tablet form#login-form .formfix .form-group {
  position: relative;
  margin-top: 20px;
  margin-bottom: 39px;
}

body.mobile form#login-form .formfix .form-group:first-child {
  margin-top: 44px;
  margin-bottom: 39px;
}

body.mobile form#login-form .formfix .form-group:nth-child(2) {
  margin-bottom: 30px;
}

body.mobile #login-form>div.formfix>span:nth-child(3) {
  top: 122px;
}

body.mobile #register-form div[data-step="2"] .form-group:last-child {
  margin-bottom: 24px;
}

body.mobile form#register-form[current-step="2"] .formfix .button-container a.button {
  margin: 23px 0 0 0;
}

.toggle-arrow {
  transform: rotate(180deg);
}

body.mobile #register-form div[data-step="1"],
body.mobile #register-form div[data-step="2"] {
  width: 89%;
  margin: 27px auto 0;
}

body.mobile #register-form>div.formfix>div:nth-child(3)>div.form-group.error>span.left.req-info {
  width: max-content;
  right: 16px;
  font-size: 11px;
  color: var(--primary-text-opc-04);
}

body.mobile form#register-form[current-step="1"] .formfix .button-container {
  width: 89%;
  margin: 30px auto;
}

body.mobile form#register-form[current-step="2"] .formfix .button {
  width: 153px;
}

body.mobile #register-form a.back.button.gray span {
  margin-left: 18px;
  order: 2;
}

body.mobile form#register-form[current-step="2"] .formfix .button-container {
  padding: 42px 17px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 12px;
}

body.mobile form#register-form .formfix .button {
  height: 50px;
  width: 89%;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.mobile #register-form div[data-step="2"] .form-group:nth-child(3) #reg-personal-id-type-select {
  width: 80px;
  /* height: 60px; */
  margin: 0 0 0 0;
  left: 0;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  z-index: 2;
  border-radius: 5px 0px 0px 0px;
  border: none;
  border-bottom: 1px solid var(--primary-border-bot);
}

body.mobile #register-form div[data-step="2"] .form-group {
  width: 100%;
  margin-bottom: 27px;
}

body.mobile #register-form div[data-step="2"] .form-group:nth-child(3) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* margin-top: 25px; */
  padding: 0;
}

body.mobile #register-form .formfix div[data-step="3"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 89%;
  margin: 0 auto;
}

body.mobile #register-form div[data-step="3"] .form-group:nth-child(1) {
  margin-top: 15px;
  min-width: 313px;
}

body.mobile #register-form .stage div.stage-data[data-step="3"] {
  padding: 0;
  margin: 0;
}

body.mobile #register-form div[data-step="3"] .form-group:nth-child(3) label {
  font-size: 12px;
  color: var(--disabled-text);
  line-height: 16px;
  letter-spacing: 0;
}

body.mobile #register-form div[data-step="3"] .form-group:nth-child(1) label {
  top: 0px;
}

body.mobile form#register-form[current-step="3"] .formfix .button-container .button {
  margin: 0;
  width: 153px;
  height: 50px;
}

body.mobile form#register-form[current-step="3"] .formfix .button-container .back.button {
  padding-right: 20px;
}

body.mobile #register-form div[data-step="3"] .form-group:nth-child(2) {
  order: 0;
  position: relative;
  width: 100%;
  margin-top: 45px;
}

#register-form>div.formfix>div:nth-child(5)>div:nth-child(3)>label:nth-child(2)>span {
  top: 3px;
  left: 5px;
}

body.mobile #register-form div[data-step="3"] .form-group:nth-child(2) #reg-currencies {
  padding-left: 20px;
  padding-top: 14px;
  height: 60px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

body.mobile #register-form div[data-step="3"] .form-group:nth-child(2) div.warnMsg {
  margin: 9px auto 0px;
}

body.mobile #register-form div[data-step="3"] .form-group:nth-child(2) span.left {
  top: 6px;
  left: 21px;
}

body.mobile #register-form div[data-step="3"] .form-group:nth-child(3) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 41px;
}

body.mobile #register-form div[data-step="3"] p {
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  padding: 0;
}

body.mobile form#register-form[current-step="3"] .formfix .button-container {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  width: 89%;
  margin: 62px auto 0px;
}

body.mobile #register-form div[data-step="3"] .stage {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

body.mobile #register-form div[data-step="2"] .form-group:nth-child(4) input#reg-phone-number-inpu {
  width: 100%;
  height: 60px;
  border-radius: 0 5px 5px 0;
  padding: 23px 0 0 140px !important;
  font-size: 18px;
  color: var(--primary-text);
}


body.desktop input#reg-phone-number-inpu {
  position: relative;
  width: 100%;
  padding: 16px 0 0 165px !important;
  height: 60px;
  background: #e6edf70d;
  border-radius: 0 5px 5px 0;
  left: 0;
  font-size: 18px;
  color: var(--primary-text);
}

body.desktop .iti__selected-dial-code {
  position: absolute;
  top: 26px;
  left: 106px;
  font-size: 18px;
  color: var(--primary-text);
}

body.desktop label.descriptionPhoneField {
  /* display: block;
	width: max-content;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0;
	color: #e5f1ff80;
	margin-top: 5px; */
  top: 4px;
}

body.desktop .iti.iti--allow-dropdown.iti--separate-dial-code {
  width: 100%;
  height: 56px;
}

body.desktop .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container {
  width: 101px;
  z-index: 3;
  background: #e5f1ff33;
  border-radius: 5px 0 0 0px;
}

body.desktop .iti.iti--allow-dropdown.iti--separate-dial-code label.input-label {
  left: 113px !important;
  top: 7px;
  text-align: left;
  color: var(--secondary-text);
  font: normal normal normal 12px/18px "Roboto" !important;
  letter-spacing: 0.12px !important;
}

body.tablet .iti.iti--allow-dropdown.iti--separate-dial-code label.input-label {
  left: 20% !important;
  top: 7px;
  text-align: left;
  color: var(--secondary-text);
  font: normal normal normal 12px/18px "Roboto" !important;
  letter-spacing: 0.12px !important;
}

body.mobile .iti.iti--allow-dropdown.iti--separate-dial-code label.input-label {
  left: 92px !important;
  top: 7px;
  text-align: left;
  color: var(--secondary-text);
  font: normal normal normal 12px/18px "Roboto" !important;
  letter-spacing: 0.12px !important;
}

body.desktop .iti.iti--allow-dropdown.iti--separate-dial-code .input-default:focus~label.input-label {
  left: 113px !important;
}

body.mobile .iti--separate-dial-code .iti__selected-dial-code {
  color: var(--primary-text);
  font-size: 16px;
  padding-top: 0px;
}

body.mobile div#reg-personal-id-DOC span.left {
  left: 95px;
  color: #e6f1ff99;
  z-index: 2;
}

body.mobile #reg-personal-id-DOC>span:nth-child(1) {
  left: -18px;
}

body.mobile #reg-personal-id-DOC>span:nth-child(3) {
  top: 74px;
  left: -107px;
}

body.mobile #register-form div[data-step="2"] .form-group:nth-child(3) input#birth_date {
  margin-top: 8px;
}

body.mobile .iti.iti--allow-dropdown.iti--separate-dial-code {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  max-height: 56px;
  /* border-radius: 5px 0 0 5px; */
}

body.mobile .iti--allow-dropdown .iti__flag-container {
  width: 80px;
  z-index: 3;
  background: #e5f1ff33;
  max-height: 56px;
  border-radius: 5px 0px 0px 0px;
}

/* body.mobile .iti.iti--container {
  width: 288px;
  height: 250px;
  background: #1D2129;
  border-radius: 10px 10px 10px 10px;
  position: absolute;
  top: 477px;
  left: 19px;
} */
body.mobile .iti.iti--container {
  width: 82.5%;
  height: 250px;
  background: #1d2129;
  border-radius: 10px 10px 10px 10px;
  position: absolute;
  top: 158px;
  bottom: auto;
  left: 0;
  z-index: 999999;
}

body.tablet .iti.iti--container {
  top: 0 !important;
  left: 0 !important;
}

body.desktop .iti.iti--container {
  top: 0 !important;
  left: 0 !important;
}

body.mobile #register-form div[data-step="2"] label.descriptionPhoneField {
  /* display: block;
	text-align: start;
	width: 263px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0;
	position: relative;
	bottom: -4px;
	color: var(--disabled-text);
	z-index: 12; */
  top: 0px;
}

body.desktop #register-form #reg-personal-id-DOC .bday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* margin-top: 30px; */
}

body.desktop #register-form #reg-personal-id-DOC .bday select#day,
body.desktop #register-form #reg-personal-id-DOC .bday select#month,
body.desktop #register-form #reg-personal-id-DOC .bday select#year {
  margin: 0;
  padding: 0 0 0 26%;
  height: 45px;
}

body.mobile #register-form #reg-personal-id-DOC .bday {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* margin-top: 40px; */
  width: 100%;
  position: relative;
}

body.mobile #register-form #reg-personal-id-DOC .bday select {
  height: 45px;
  padding: 0 0 0 8px;
  margin: 0 4px 0 0;
  color: #e6f1ffcc;
  font-size: 18px;
}

body.mobile .iti--separate-dial-code .iti__selected-flag {
  background: none;
}

body.desktop .iti--separate-dial-code .iti__selected-flag {
  background: none;
  position: relative;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  width: 100%;
}

.iti__arrow {
  display: none;
}

.iti__selected-dial-code {
  position: absolute;
  left: 88px;
  top: 30px;
}

.iti-mobile .iti__country-list {
  background: #1d2129;
  border-radius: 10px 10px 10px 10px;
}
#reg-currencies,
#reg-personal-id-type-select {
  padding-left: 10px;
}

body.desktop #reg-personal-id-type-select option {
  background-color: #29303ce0;
}

body:not(.desktop) .framedform .framedcontent>* {
  text-align: center;
  overflow: unset;
}

body[page="game"] .framedform .framedcontent>*{
  text-align: initial;
}

body:not(.desktop) .framedform[data-content="mega-bonus"] .framedcontent>* {
  padding: 12px;
  text-align: left;
}

body:not(.desktop) .framedform .framedcontent .gameInfo {
  overflow: auto;
}

.framedform .framedcontent hr {
  display: none;
}

.framedcontent .img {
  margin-top: 30px;
}

.framedcontent .title {
  font-size: 24px;
  color: var(--primary-text);
  margin: 29px 0;
}

.framedcontent .promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  color: var(--primary-text);
  margin: 7px 45px;
}

.framedform .framedcontent .formfix bottom {
  margin-bottom: 25px;
}

.framedform .framedcontent .formfix .remember-data {
  margin: 25px 0;
}

body.mobile .login .formfix input[type="text"]:nth-child(6),
body.mobile .login .formfix input[type="password"]:nth-child(6) {
  margin-top: 39px;
}

.framedform .framedcontent .formfix .block {
  position: relative;
  color: var(--primary-main);
  right: 0px;
  top: 0px;
  text-align: end;
  font-size: 10px;
  margin-bottom: 31px;
}

.framedform .framedcontent .formfix .register {
  text-decoration: none;
  color: var(--primary-main);
  font-size: 14px;
}

form#register-form .formfix .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

form#register-form[current-step="2"] .formfix .button-container,
form#register-form[current-step="3"] .formfix .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

h1 {
  font-size: 18px;
  margin: 0 0 30px 0;
  color: var(--primary-text);
}

#login-form>div.formfix>i:nth-child(3) {
  top: 77px;
  right: 14px;
}

form label.error div.inpError {
  margin: 0;
  padding: 5px;
  background-color: transparent;
  font-weight: 900;
}

footer {
  line-height: 26px;
  font-size: small;
  text-align: center;
  padding-bottom: env(safe-area-inset-bottom);
  position: static;
  bottom: 10px;
  right: 10px;
  padding: 5px;
}

.stage {
  display: block;
  margin-bottom: 40px;
}

.stage h1 {
  margin-bottom: 0;
}

/* .loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .stage-circle {
  height: 117px;
  text-align: center;
}
.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .stage-circle .voucherInfo {
  position: relative;
  font-size: 70px;
  color: var(--primary-text);
  font-weight: bold;
  top: -185px;
} */
.stage-data {
  display: inline-block;
  padding-left: 10px;
  font-size: 18px;
  vertical-align: middle;
  width: calc(100% - 130px);
}

.stage-data>p {
  margin: 0;
  text-align: left;
  color: var(--primary-text);
}

.stage-data>p:nth-child(2) {
  opacity: 0.4;
  font-size: 14px;
}

.stage-circle p>span:nth-child(2) {
  opacity: 40%;
  font-size: 12px;
}

#circle>circle {
  stroke-width: 6px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#circle-percentage {
  position: absolute;
  color: #444;
  top: -3em;
  left: 0.3em;
  right: 0;
  font-size: 4em;
}

.resetpwd h1 {
  top: 163px;
  left: 108px;
  text-align: center;
  letter-spacing: 0px;
  color: var(--primary-text);
  opacity: 1;
  margin: 24px 0;
}

.resetpwd p {
  font-size: 12px;
  color: var(--primary-text);
  opacity: 70%;
}

.resetpwd .formfix button {
  margin: 25px 0 0 0;
}

.sbmnu:not(.active)>ul {
  display: none;
}

@media (min-width: 1025px) {
  header .mainMenu>li.active::after {
    border-bottom: none;
  }
}

@media (max-width: 1024px) {

  header .mainMenu>li>a>i,
  header .mainMenu>li.sbmnu>i,
  header .mainMenu>li.sbmnu>a>span {
    display: block;
  }

  /* header .mainMenu {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: var(--surface-surface)e6;
		padding-bottom: env(safe-area-inset-bottom);
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
		display: flex;
		justify-content: space-evenly;
	} */

  body.tablet header .mainMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }

  header .header-menu .mainMenu>li {
    vertical-align: bottom;
    margin: 0;
  }

  header .mainMenu>li {
    position: relative;
    /* height: 55px; */
    width: 70px;
    color: var(--primary-text);
    text-align: center;
  }

  header .mainMenu>li>a>span,
  header .mainMenu>li>span {
    font-size: 10px;
    line-height: 12px;
    margin-top: 7px;
    color: var(--primary-text-opc-04);
  }

  header .mainMenu>li.sbmnu>a>span {
    display: unset;
  }

  header .mainMenu>li>a>i,
  header .mainMenu>li>i {
    font-size: 25px;
    display: block;
    margin-top: 8px;
    color: var(--primary-text-opc-04);
  }

  header .mainMenu>li>a img {
    width: 28px;
    margin-top: 8px;
  }

  body.pop-up header .mainMenu {
    bottom: -70px;
  }

  header .mainMenu>li .adddr {
    bottom: 64px;
    top: unset;
    right: 9px;
  }

  header .mainMenu>li.sbmnu::after {
    display: none;
  }

  header .mainMenu>li.activate::after {
    content: " ";
    width: 99%;
    border-bottom: 5px solid var(--secondary-main);
    position: absolute;
    bottom: 0px;
    left: 0px;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  body:not(.installable) .framedform .framedcontent {
    padding: 74px 0 0;
  }

  body.installable .framedform .framedcontent form {
    max-height: calc(100vh - 140px);
  }

  body:not(.installable) .framedform .framedcontent form {
    max-height: calc(100vh - 90px);
  }
}

@media (max-width: 480px) {
  body.installable .framedform .framedcontent form {
    max-height: calc(100vh - 140px);
  }

  body:not(.desktop) header .mainMenu>li {
    width: 20%;
  }

  .stage-data {
    width: calc(100% - 90px);
  }
}

/* @media (max-width: 375px) {
  body.mobile .user-menu .user-body {
      max-height: 397px;
  }
}
@media (max-height: 568px) {
  body.mobile .user-menu .user-body {
      max-height: 214px;
  }
} */
body.mobile .user-menu .user-body {
  background: #1d2129;
  height: 420px;
  /* max-height: calc(100vh - 220px); */
  /* box-shadow: inset 0px -17px 16px -13px #000000d4; */
  overflow: auto;
}

@media (min-width: 320px) {
  body.mobile .user-menu .user-body {
    max-height: calc(100vh - 183px);
  }
}

@media (max-width: 360px) {
  body:not(.installable) .framedform .framedcontent {
    /* padding: 74px 0 0; */
    width: 100%;
  }

  .pageContent span.twitter-typeahead {
    width: 84%;
    line-height: 34px;
  }

  /* body.mobile .walletTab .walletContent .paymentItem {
  width: 49%;
} */
  body.mobile .pageContent .all .list .flex-row {
    margin: 5px;
    width: 46%;
  }

  body.mobile .pageContent .all .list .flex-row .img,
  body.mobile .pageContent .jackpotList .list .flex-row .img,
  body.mobile .pageContent .favorites .list .flex-row .img,
  body.mobile .pageContent .free-spins .list .flex-row .img,
  body.mobile .pageContent .freespins .list .flex-row .img,
  body.mobile .pageContent .favoritesList .list .flex-row .img,
  body.mobile .pageContent .new .list .flex-row .img {
    background-size: 100% 116px;
    height: 116px;
  }

  body.mobile header .logo {
    width: 36px;
    height: 34px;
    /* transform: translate(-73%, 0%); */
  }

  body.mobile img.search {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    right: 25px;
  }

  /* body.mobile .user-menu .user-body ul>li {
      width: 32%;
  } */
  .framedcontent .user-menu {
    width: 100%;
  }

  body:not(.desktop) .framedform .framedcontent>* {
    padding: 1px;
  }

  body.installable .framedform .framedcontent form {
    max-height: calc(100vh - 140px);
  }

  body:not(.installable) .framedform .framedcontent form {
    max-height: calc(100vh - 90px);
  }

  body:not(.desktop) header .mainMenu>li {
    width: 20%;
  }

  body.mobile .header-menu .gameContent {
    width: 100%;
    max-width: 40px;
    margin-left: 30px;
  }

  body.mobile .bannerImg {
    height: 100%;
    max-height: 117px;
  }
}

/* left-menu */
.left-menu {
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 99999999;
  background-color: var(--surface-surface);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.left-menu .imageContainer {
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
  width: 22px;
}

.left-menu .imageContainer img {
  margin-top: 2px;
  margin-left: 2px;
}

.left-menu .left-menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 21px 0 30px;
  position: sticky;
  z-index: 999999;
  /* background-color: #1c2029; */
  top: 0;
}

body.mobile .left-menu .left-menu-header {
  padding: 10px 13px;
}

.left-menu .left-menu-header .exit {
  margin-right: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

#left-menu .left-menu-header>div {
  width: calc(100% / 3);
}

#left-menu .left-menu-header>a {
  width: calc(100% / 3);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#left-menu .left-menu-header>.exit {
  width: calc(100% / 3);
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0;
}

.left-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #1c2029;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
}

.left-menu ul.small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
}

.left-menu ul.small li {
  width: auto;
  height: auto;
  border-radius: 0;
  margin: 0;
  padding: 5px;
}

.left-menu ul.small span {
  font-size: 10px;
}

.left-menu ul.small [class^="icon-"] {
  font-size: 21px;
}

.left-menu ul>li {
  width: 108px;
  height: 128px;
  padding: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--surface-surface);
  border-radius: 10px;
  margin: 1%;
}

.left-menu .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#left-menu ul>li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--primary-text);
  text-align: center;
}

.left-menu .innerNewSelect img {
  width: 30px;
}

.reg-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.left-menu ul>li i[class^="icon-"] {
  font-size: 44px;
}

.left-menu .products ul>li i[class^="icon-"] {
  font-size: 55px;
  margin-bottom: 14px;
}

.left-menu ul>li span {
  font-size: 14px;
}

.left-menu .products-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.left-menu .products-menu a img {
  margin-bottom: 20px;
}

.left-menu .products-menu li.activate::after {
  content: " ";
  width: 75%;
  border-bottom: 5px solid var(--secondary-main);
  position: relative;
  top: 6px;
  right: 0px;
}

.left-menu .menu-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* background-color: #15171d; */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 200px;
  padding-top: 13px;
  scrollbar-width: none;
  background: url(/images/leftMenu/logo-palms-bet.svg?) center center no-repeat,
    transparent -o-radial-gradient(50% 50%,
      closest-side,
      var(--surface-surface) 00 0%,
      #1d2129 100%) 0% 0% no-repeat padding-box;
  background: url(/images/leftMenu/logo-palms-bet.svg?) center center no-repeat,
    transparent -o-radial-gradient(50% 50%,
      closest-side,
      var(--surface-surface) 00 0%,
      #1d2129 100%) 0% 0% no-repeat padding-box;
  background: url(/images/leftMenu/logo-palms-bet.svg?) center center no-repeat,
    transparent radial-gradient(closest-side at 50% 50%,
      var(--surface-surface) 00 0%,
      #1d2129 100%) 0% 0% no-repeat padding-box;
  background-size: 330px, auto, contain;
}

body.mobile .left-menu .menu-container {
  background-size: 160px, auto, contain;
}

.left-menu .menu-container::-webkit-scrollbar-thumb {
  background: var(--primary-main);
  border: 1px solid var(--primary-main);
  border-radius: 8px;
}

.left-menu .menu-container::-webkit-scrollbar {
  width: 4px;
  height: 14px;
  margin: 3px;
}

.left-menu .menu-container::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px;
  margin: 3px;
}

.left-menu .menu-container:empty {
  background-image: url(/images/reload.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75px;
  background-color: transparent;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

body.in .loyaltyLevelInfo:empty,
body.mobile .walletTab .user-bonus:empty {
  background-image: url(/images/reload.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  background-color: transparent;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  height: 100px;
  top: 0;
}

body.in .loyaltyLevelInfo:empty {
  margin-right: 70px;
}

body.mobile.in .loyaltyLevelInfo:empty {
  margin-right: 120px;
}

.myactivebonus:empty,
body.mobile.bonuses .bonusPage .bonusConteiner div#allBonuses .myactivebonus:empty,
body.desktop.bonuses .bonusPage .bonus.noncashable:empty,
body.mobile.bonuses .bonusPage .bonus.noncashable:empty,
body.tablet.bonuses .bonusPage .bonus.noncashable:empty:empty {
  background-image: url(/images/reload.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  background-color: transparent;
  animation: spin 1s linear infinite;
  height: 40px;
  width: 40px;
  margin: 0 auto;
  top: 0;
}

body.desktop.bonuses .bonusPage .bonus.noncashable:empty,
body.tablet.bonuses .bonusPage .bonus.noncashable:empty:empty {
  margin-right: 50px;
}

.user-bonus:empty {
  background-image: url(/images/reload.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  background-color: transparent;
  animation: spin 1s linear infinite;
  height: 44px;
  margin-top: -30px;
}

#historyCasino tbody:empty,
#wallet-table tbody:empty {
  background-image: url(/images/reload.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 65px;
  background-color: transparent;
  animation: spin 1s linear infinite;
  height: 100px;
}

.icon-refresh {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.left-menu .menu-container img {
  width: 30px;
  margin-right: 12px;
}

.left-menu .menu-container a {
  margin: 10px;
  font-size: 14px;
  opacity: 100%;
  color: var(--primary-text);
  margin-left: 34px;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-menu ul>li [class^="icon-"] {
  font-size: 55px;
  padding: 3px 8px;
}

.left-menu .info ul>li {
  width: 163px;
  height: 65px;
  margin: 2%;
  text-transform: capitalize;
}

.left-menu .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  color: var(--primary-text);
  margin-left: 10%;
  margin-top: 38px;
}

.left-menu .products-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  margin-left: 29px;
  text-transform: capitalize;
}

.left-menu .settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}

/* .left-menu .settings .social-media { */
/* display: flex;
  margin: 5px;
  flex-wrap: wrap;
  justify-content: center; */
/* filter: grayscale();
  -webkit-filter: grayscale(100%); */
/* } */
.left-menu .settings .social-media a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  width: 35px;
  margin: 3px 3px;
}

body.tablet .left-menu .settings .social-media a {
  margin: 3px 15px;
}

.social-media a i[class^="icon-"] {
  font-size: 34px;
  color: var(--primary-main);
}

body.mobile .social-media a i[class^="icon-"] {
  font-size: 27px;
}

/* .left-menu .settings .social-media a:first-child {
  display: flex;
  margin-right: 36px;
} */
.left-menu .settings #language {
  width: 170px;
  height: 59px;
  border: var(--primary-text) 2px solid;
  border-radius: 10px;
  opacity: 0%;
  margin-left: 5%;
}

body.tablet .left-menu .products-title {
  margin: 30px 0 0 67px;
}

body.tablet .left-menu .left-menu-header .exit img {
  width: 24px;
  margin: 13px 5px;
}

body.tablet .left-menu .menu {
  display: inline;
}

body.tablet .left-menu .info ul {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

body.tablet .left-menu ul>li {
  width: 106px;
}

body.tablet .sideFooter ul>li {
  width: 48%;
  margin: 44px 1%;
}

body.tablet .left-menu .sideFooter .info {
  margin: 0 20px 80px 20px;
}

body.tablet .left-menu .title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0;
  margin-top: 68px;
}

body.tablet .left-menu .settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}

body.desktop .left-menu {
  width: 582px;
}

body .left-menu .menu-loyalty {
  height: 72px;
  background-color: var(--secondary-main);
  background-image: url(/images/club-rewards/LoyalProgramHorizontalTran.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 212px -80px;
}

body.desktop .left-menu .menu-loyalty {
  width: 531px;
  /* height: 72px; */
  margin: 25px auto;
  border-radius: 7px;
  /* background-color: #15171db3; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0px 3px 6px #0000004d;
  box-shadow: 0px 3px 6px #0000004d;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 9px 0 10px;
  cursor: pointer;
}

.left-menu .menu-loyalty .loyaltyLevelInfo {
  width: 100%;
  margin-left: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* body.in .left-menu .menu-loyalty {
	background-image: url(/images/Bckgr_loyalti_smalll_horizontal.png);
	background-repeat: no-repeat;
	background-position: right;
} */

/* body.desktop .left-menu a .logo,
body.mobile .left-menu a .logo {
	width: 110px;
	height: 30px;
	filter: gray;
	-webkit-filter: grayscale(1);
	opacity: 30%;
} */
body.desktop .left-menu a .logo,
body.mobile .left-menu a .logo {
  font-size: 31px;
  color: var(--primary-text-opc-04);
}

/* body .left-menu .newSelect { */
body .newSelect {
  width: 70px;
  height: 32px;
  border-radius: 16px;
  border: none;
  background-color: #e6f1ff1a;
}

body .newSelect .innerNewSelect {
  width: 70px;
}

body .newSelect .innerNewSelect img {
  width: 19px;
  height: 19px;
}

body .newSelect .innerNewSelect p {
  margin: 0;
  font-size: 14px;
  line-height: 14px;
}

body .newSelect .innerNewSelect [class^="icon-"] {
  font-size: 8px;
  opacity: 30%;
}

/* body .left-menu div select#language { */
body div select#language {
  width: 70px;
  height: 32px;
  margin: 0px auto 0px 27px;
  opacity: 0;
  cursor: pointer;
}

body.desktop .headerNewSelect {
  width: 75px;
  height: 28px;
}

body.desktop .headerNewSelect .newSelect {
  width: 70px;
  height: 28px;
}

body.desktop .headerNewSelect .choose_language_left {
  width: 125px;
  -webkit-transform: translate(-54px, 0px);
  -ms-transform: translate(-54px, 0px);
  transform: translate(-54px, 0px);
}

/* body.tablet .left-menu .menu-loyalty {
	width: 100%;
	height: 62px;
	margin: 23px 0;
	border-radius: 7px;
	background-color: #15171db3;
	display: flex;
	align-items: center;
	box-shadow: 0px 3px 6px #0000004d;
	justify-content: space-between;
	padding: 0 45px 0 36px;
} */
body.tablet .left-menu .menu-loyalty {
  width: 100%;
  max-width: 717px;
  margin: 23px auto;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0px 3px 6px #0000004d;
  box-shadow: 0px 3px 6px #0000004d;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 15px 0 10px;
  background-position: 407px -83px;
}

body .left-menu .menu-loyalty img {
  width: 119px;
  height: 56px;
}

body .left-menu .menu-loyalty p {
  margin: 0;
  font-size: 12px;
  color: var(--disabled-text);
  line-height: 16px;
  font-weight: var(--fw-500);
}

body .left-menu .menu-loyalty button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  background-color: var(--surface-surface-70);
  color: var(--primary-main);
  width: 130px;
  height: 45px;
  font-size: 16px;
  border: none;
  -webkit-box-shadow: 0px 3px 10px #00000029;
  box-shadow: 0px 3px 10px #00000029;
}

body.tablet .left-menu a .logo {
  width: 145px;
  height: 39px;
  filter: gray;
  -webkit-filter: grayscale(1);
  opacity: 30%;
}

body .left-menu .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  position: relative;
  margin-top: 10px;
}

body .left-menu .content .products {
  height: 100%;
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body .left-menu .content .products .menu {
  overflow: auto;
  margin: 25px 0;
}

body .left-menu .content .products .menu ul {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* background-color: #1c2029; */
  padding: 0 22px;
}

body .left-menu .content .products .menu ul>li {
  border: none;
  width: 90px;
  background-color: #1c2029;
  height: auto;
  border-radius: 0px;
  margin: 0%;
  text-align: center;
  cursor: pointer;
  color: var(--primary-text);
  opacity: 40%;
}

body .left-menu .content .products .menu ul>li.menuActive::after {
  background: var(--primary-main);
  border-radius: 3px 3px 0 0;
  height: 3px;
  width: 78px;
}

/* body .left-menu .content .products .menu ul>li a {
  opacity: 0.4;
} */
body .left-menu .content .products .menu ul>li a img {
  margin: 0px;
  width: 30px;
}

body .left-menu .content .products .menu ul>li i[class^="icon-"] {
  font-size: 30px;
  display: block;
  margin-bottom: 0px;
}

body .left-menu .content .products .menu ul>li span {
  font-size: 10px;
  width: 100%;
}

body .left-menu .content .products .menu ul>li a span {
  padding-top: 0px;
  font-size: 10px;
  width: 100%;
}

body .left-menu .sideFooter {
  /* height: 94px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 30px;
}

body.mobile .left-menu .sideFooter {
  height: auto;
}

body .left-menu .sideFooter .settings {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 22px;
}

body.tablet .left-menu .sideFooter .settings {
  margin: 24px 0;
}

body.mobile .left-menu .sideFooter .settings {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body .left-menu .sideFooter .settings>a {
  width: 207px;
  height: 46px;
  border-radius: 29px;
  /* background: var(--surface-surface); */
  font-size: 16px;
  color: var(--secondary-text);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-shadow: 0px 3px 6px #0000001a;
  box-shadow: 0px 3px 6px #0000001a;
  background: #e6f1ff1a 0% 0% no-repeat padding-box;
  border-radius: 29px;
}

body .left-menu .sideFooter .settings>a img {
  width: 26px;
  height: 23px;
}

body .left-menu .sideFooter .settings .social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 12px;
}

body.tablet .left-menu .sideFooter .settings .social-media {
  grid-gap: 0px;
}

body.mobile .left-menu .sideFooter .settings .social-media {
  margin-top: 23px;
  width: 100%;
}

/* body.mobile .left-menu .menu-loyalty {
	width: 100%;
	min-width: 348px;
	height: 62px;
	margin: 23px 0;
	border-radius: 7px;
	background-color: #15171db3;
	display: flex;
	align-items: center;
	box-shadow: 0px 3px 6px #0000004d;
	justify-content: space-between;
	padding: 0 23px;
} */

body.mobile .left-menu .menu-loyalty {
  width: 100%;
  min-width: 348px;
  margin: 23px 0;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0px 3px 6px #0000004d;
  box-shadow: 0px 3px 6px #0000004d;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 23px;
  background-position: 145px -64px;
}

body .left-menu .content .products .menu ul>li.menuActive {
  /* border-bottom: 3px solid var(--primary-main); */
  opacity: 100%;
}

body .left-menu .content .products .menu ul>li.menuActive::after {
  display: block;
  content: "";
  width: 100%;
  height: 4px;
  margin-top: 5px;
}

body .left-menu .content .products .menu ul>li.menuActive i[class^="icon-"],
body .left-menu .content .products .menu ul>li.menuActive span {
  opacity: 1;
}

body .left-menu .content .products .menu ul>li.menuActive i[class^="icon-"] {
  color: var(--primary-main);
}

.left-menu .left-menu-header .exit i {
  color: var(--action-disabled);
}

.container {
  display: block;
  position: relative;
  padding-left: 45px;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 5px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  border-radius: 5px;
  border: 2px solid #e6f1ff99;
}

/* On mouse-over, add a grey background color */
.container:hover input~.checkmark {
  border-color: var(--primary-text);
}

/* When the checkbox is checked, add a blue background */
.container input:checked~.checkmark {
  background-color: transparent;
  border-color: var(--primary-text);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  width: 13px;
  height: 13px;
  background-color: #2196f3;
  border-radius: 3px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.user-menu {
  width: 348px;
  margin: 0 auto;
  padding-bottom: 26px;
  border-radius: 10px 10px 0px 0px;
  overflow: auto;
}

.user-menu hr {
  width: 80%;
  color: var(--primary-text);
  opacity: 10%;
  margin-bottom: 17px;
}

.user-menu .exit-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  background-color: var(--surface-surface);
  color: var(--disabled-text);
  /* margin-top: 19px; */
}

.user-menu .exit-account i {
  font-size: 17px;
  /* height: 17px; */
  margin-right: 9px;
  font-size: 16px;
  font-weight: var(--fw-500);
  color: var(--disabled-text);
  line-height: 22px;
}

.user-menu .user-bonus {
  margin: 13px 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 51px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

body.mobile .user-menu .user-bonus {
  min-height: 51px;
  height: auto;
  margin: 10px 0;
  position: relative;
}

body.mobile .user-menu .user-bonus .accordions .bonus .bonus-name {
  font-size: 12px;
  font-weight: var(--fw-500);
  color: #e6edf766;
}

body.mobile .user-menu .user-bonus .accordions .bonus .bonus-balance {
  font-size: 14px;
  color: var(--disabled-text);
  font-weight: var(--fw-500);
}

.user-menu .user-bonus .accordions .bonus.casino {
  order: 2;
}

.user-menu .user-bonus .accordions .bonus.balance {
  order: 3;
}

.user-menu .user-bonus .accordions .bonus.freebet {
  order: 4;
}

.user-menu .user-bonus .bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5px;
}

.user-menu .user-bonus .bonus:empty {
  display: none !important;
}

body.mobile .user-menu .user-bonus .bonus {
  width: 85%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
  min-height: unset;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.user-menu .user-bonus .bonus-name {
  font-size: 14px;
  color: var(--secondary-text);
  line-height: 18px;
}

body.desktop .user-menu .user-bonus .accordions .bonus-balance {
  font-size: 14px;
  color: var(--disabled-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.desktop .user-menu .user-bonus .withdrawal.withdrawal-balance,
body.desktop .user-menu .user-bonus .pendingDeposits {
  font-size: 16px;
  color: #e6f1ffcc;
  width: 100%;
  max-width: 50px;
}

body .user-menu .user-bonus .bonus .bonus-balance>span,
body .user-menu .user-bonus .bonus .withdrawal>span,
body .user-menu .user-bonus .bonus .pendingDeposits>span {
  font-size: 10px;
  line-height: 12px;
  color: var(--action-disabled);
  margin-left: 7px;
}

body.desktop .user-menu .user-bonus .toggle-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 11px;
  height: 7px;
  position: absolute;
  left: 350px;
  top: 7px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  cursor: pointer;
}

body.mobile .user-menu .user-bonus .toggle-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10px;
  height: 7px;
  position: absolute;
  right: 17px;
  top: 11px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.user-menu .user-bonus .withdrawal {
  font-size: 16px;
  color: #e6f1ffe6;
}

.user-menu .user-bonus .withdrawal-balance {
  font-size: 18px;
  color: #e6f1ffe6;
}

.user-menu .user-bonus .toggle-user-bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 17px;
}

.user-menu .user-bonus .toggle-user-bonus .toggle-name {
  font-size: 14px;
  color: var(--primary-main);
  opacity: 100%;
}

.user-menu .user-bonus .accordions {
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  width: 100%;
  height: 0px;
}

body.mobile .user-menu .user-bonus .accordions {
  margin: 0;
  max-height: 113px;
  background: #15171dcc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.user-menu .user-data {
  width: 45%;
  margin: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: start;
}

.user-menu .user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
}

.user-menu .usar-name {
  font-size: 12px;
  opacity: 80%;
}

.user-menu .user-id {
  font-size: 12px;
  opacity: 80%;
  margin-left: 10px;
  color: var(--primary-text-opc-04);
  font-weight: var(--fw-500);
}

.user-menu .user-id span {
  color: var(--primary-text-opc-04);
  font-weight: var(--fw-500);
}

.user-menu .user-balance {
  font-size: 24px;
  color: var(--primary-text);
  opacity: 100%;
}

.user-menu .user-balance span {
  font-size: 12px;
  color: var(--primary-text);
}

.user-menu .user-body {
  background: #1d2129;
  scrollbar-width: none;
}

body.desktop .user-menu .user-balance span {
  font-size: 12px;
  color: var(--primary-text);
}

.user-menu .user-menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 73px;
  background-color: var(--surface-surface);
}

.user-menu .user-menu-header .show-balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.user-menu .user-menu-header .show-balance img {
  width: 31px;
}

/* .user-menu .user-menu-header .user-refresh {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
} */
.user-menu .user-menu-header .user-refresh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  position: absolute;
  top: 40px;
  right: 134px;
}

body.desktop .user-menu .user-menu-header .user-refresh,
body.mobile .user-menu .user-menu-header .user-refresh {
  top: 32px;
}

body.mobile .user-menu .user-data {
  width: max-content;
}

.user-menu .user-menu-header .user-refresh img {
  transform: rotate(0deg);
  width: 26px;
  height: 25px;
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  cursor: pointer;
}

.user-menu .loyalty-program {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 15px;
  width: 347px;
  height: 62px;
  background-color: #15171d;
  border-radius: 10px;
  opacity: 100%;
  margin: 0 14px;
}

.user-menu .loyalty-program .loyalty-level {
  padding: 8px 0;
  text-align: end;
}

.user-menu .loyalty-program .player-level {
  font-size: 20px;
  line-height: 24px;
  color: var(--primary-text);
  font-weight: bold;
}

.loyaltyLevelInfo .loyalty-voucher .loyalty-title,
.user-menu .loyalty-program .loyalty-title {
  font-size: 12px;
  color: var(--secondary-text);
  line-height: 16px;
  font-weight: var(--fw-500);
}

body.desktop .user-menu .loyalty-program .loyalty-title {
  font-size: 12px;
  color: var(--secondary-text);
  opacity: 100%;
}

.user-menu .vip-program {
  display: none;
}

body.mobile .user-menu .program-container {
  width: 100%;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}

body.desktop .user-menu .program-container {
  height: 85px;
}

.user-menu .vip .vip-program {
  display: block;
}

.user-menu .loyalty-program img {
  width: 98px;
  height: 46px;
  margin: 0 23px 0 0px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.user-menu .vip .vip-program {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px 12px;
  width: 43%;
  height: 55px;
  background-color: var(--primary-text);
  border-radius: 10px;
  opacity: 100%;
  margin: 11px 4px;
}

.user-menu .vip .vip-program img {
  width: 120px;
  height: 110px;
  position: relative;
  left: -35px;
  top: -25px;
  margin-right: -39px;
}

.user-menu .vip .vip-program .program-info {
  text-align: right;
  padding: 8px 0;
}

.user-menu .vip .vip-program .program-info .program-name {
  color: #1c2029;
}

.user-menu .vip .vip-program .program-info .vip-title {
  color: var(--primary-main);
}

body.mobile .bonusPage .user-bonus,
body.mobile .walletTab .user-bonus {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 12px 0 0 0;
  width: calc(100% - 30px);
  margin: 0 auto;
}

body.mobile .bonusPage .user-bonus .bonus {
  background: transparent;
}

body.mobile .bonusPage .user-bonus span.bonus-name,
body.mobile .bonusPage .user-bonus .withdrawal,
body.mobile .walletTab .user-bonus span.bonus-name,
body.mobile .walletTab .user-bonus .withdrawal {
  font-size: 12px;
  color: var(--disabled-text);
}

body.mobile .bonusPage .user-bonus span.bonus-balance,
body.mobile .bonusPage .user-bonus .withdrawal-balance,
body.mobile .bonusPage .walletTab span.bonus-balance,
body.mobile .bonusPage .walletTab .withdrawal-balance {
  font-size: 16px;
  font-style: italic;
  color: #e6f1ffcc;
  font-weight: bold;
}

body.desktop .bonusPage {
  min-height: 760px;
}

body.tablet .walletTab .user-bonus,
body.desktop .bonusPage .user-bonus,
body.desktop .walletTab .user-bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 470px;
}

body .walletTab .bonus.bonusBalance::before {
  content: "";
  position: absolute;
  top: 0;
  left: -41px;
  width: 1px;
  height: 35px;
  background-color: #e6f1ff1a;
}

body.mobile .walletTab .bonus.bonusBalance::before {
  top: 0px;
  left: -26px;
}


body.mobile .menuConteiner .user-bonus {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body .walletTab .bonus.cash::after {
  content: "";
  position: absolute;
  top: 0;
  left: -41px;
  width: 1px;
  height: 35px;
  background-color: #e6f1ff1a;
}

body.mobile .walletTab .bonus.cash::after {
  top: 0;
  left: -26px;
}

body.desktop .walletTab .user-bonus {
  top: 115px;
  left: 48%;
}

body.mobile .walletTab .cashout,
body.mobile .walletTab .deposit {
  margin-top: 30px;
}

body.mobile .walletContent h4 {
  margin: 12px 0 18px 10px;
  width: 180px;
}

body.desktop.account .walletMenu {
  margin-top: 17px;
}

.buttonActiv {
  margin-right: 8px;
}

.desktopMenu span.menuTitle {
  font-size: 12px;
  line-height: 16px;
  color: var(--disabled-text);
}

.desktopMenu span.page {
  font-size: 16px;
  line-height: 22px;
  color: var(--primary-text);
}

body.mobile .walletMenu .headerMenu {
  padding-bottom: 8px;
}

.headerMenu div[data-role="user-menu"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0 20px;
}

body.desktop .bonusPage .bonusConteiner h4 {
  display: none;
}

body.tablet .walletTab .user-bonus .bonus {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  position: relative;
}

body.mobile .bonusPage .user-bonus .bonus,
body.mobile .walletTab .user-bonus .bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 100%;
}
body.desktop .bonusPage .user-bonus .bonus,
body.desktop .walletTab .user-bonus .bonus {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: unset;
}

body.tablet .walletTab .user-bonus .withdrawal,
body .bonusPage .user-bonus span.bonus-name,
body .bonusPage .user-bonus .withdrawal,
body .walletTab .user-bonus span.bonus-name,
body .walletTab .user-bonus .withdrawal {
  font-size: 12px;
  color: var(--primary-text);
  font-weight: 700;
}

body .bonusPage .user-bonus span.bonus-balance,
body .bonusPage .user-bonus .withdrawal-balance,
body .walletTab .user-bonus span.bonus-balance,
body .walletTab .user-bonus .withdrawal.withdrawal-balance {
  font-size: 16px;
  font-style: italic;
  color: #e6f1ffcc;
  font-weight: bold;
  line-height: 30px;
}

body.desktop #promoSelScreen .btnPromos {
  display: none;
}

body.desktop .contactUsTab .contactUs {
  margin: 10px calc(50% - 233px) 0;
  width: 684px;
  min-height: 760px;
}

body.desktop .contactUsTab .contactUs .contactUsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 50px;
  width: 730px;
  gap: 9px;
}

body .contactUsTab .contactUs .contactUsTabMethod .contactUsInfo {
  margin-top: 24px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.user-menu .program-container .loyalty-program {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px 12px;
  width: 43%;
  height: 55px;
  background: var(--secondary-main);
  border-radius: 10px;
  opacity: 100%;
  margin: 11px 4px;
  background-image: url(/images/Bckgr_loyalti_smalll_horizontal.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: 5px;
  background-size: 130%;
}

body.mobile .user-menu .program-container .loyalty-program {
  width: 100%;
  max-width: 347px;
  margin: 11px 4px;
}

.user-menu .exit {
  width: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--primary-text);
  opacity: 50%;
  font-size: 14px;
  margin: 0 auto;
}

.user-menu a:link,
.user-menu a:visited,
.user-menu a:hover,
.user-menu a:active {
  color: inherit;
}

.user-menu ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 16px 19px;
}

body.mobile .user-menu .user-menu-header .show-balance img {
  width: 17px;
}

/* body.mobile .user-menu ul {
  margin: 19px 11px 0;
  justify-content: left;
  max-width: 350px;
} */
body.mobile .user-menu ul {
  margin: 29px 0 17px 0;
  display: -ms-grid;
  display: grid;
  place-content: center;
  -ms-grid-columns: minmax(90px, 114px) 5px minmax(90px, 114px) 5px minmax(90px, 114px);
  grid-template-columns: repeat(3, minmax(90px, 114px));
  grid-gap: 5px;
}

body.mobile .user-menu ul>li {
  font-size: 14px;
  opacity: 100%;
  margin: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113px;
  height: 100%;
  max-height: 102px;
  border-radius: 10px;
  background: var(--surface-surface);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 13px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--primary-text);
}

/* body.mobile .user-menu ul>li {
  font-size: 14px;
  opacity: 100%;
  margin: 7px;
  align-items: center;
  display: flex;
  max-width: 113px;
  max-height: 102px;
  border-radius: 10px;
  background: var(--surface-surface);
  flex-direction: column;
  padding: 13px 0;
  justify-content: space-between;
  color: var(--primary-text);
} */
body.mobile .user-menu ul>li a {
  font-size: 12px;
  color: var(--primary-text);
  line-height: 16px;
  position: relative;
  margin-top: 10px;
  text-align: center;
}

body.mobile .user-menu ul>li .msgIndic,
body.mobile .user-menu ul>li .activePromosCount {
  position: absolute;
  top: -51px;
  right: -9px;
}

body.mobile .user-menu ul>li i {
  font-size: 44px;
  color: var(--primary-dark);
}

/* body.mobile .loyaltyProgramContainer.vipProgram .loyalty-program-list .vipBenefit {
  height: 328px;
} */
body.tablet .user-menu .user-menu-header .user-refresh img {
  width: 24px;
  height: 24px;
}

body.tablet .user-menu .user-menu-header {
  padding: 11px 13px 0px;
}

/* body.tablet .user-menu ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  justify-content: space-between;
  margin: 16px 0;
} */
body.tablet .user-menu ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 19px 11px 0;
}

body.tablet .user-menu ul>li {
  font-size: 14px;
  opacity: 100%;
  margin-bottom: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 113px;
  height: 102px;
  border-radius: 10px;
  background: var(--surface-surface);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 13px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--primary-text);
}

body.tablet .user-menu ul>li .msgIndic,
body.tablet .user-menu ul>li .activePromosCount {
  position: relative;
  bottom: 0px;
  right: 0px;
}

body.tablet .user-menu .user-bonus .toggle-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 11px;
  height: 7px;
  position: absolute;
  left: 350px;
  top: 94px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

body.tablet .user-menu .user-menu-header .show-balance img {
  width: 19px;
}

body.tablet .user-menu .usar-name {
  color: #e6f1ff99;
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--fw-500);
}

body.tablet .user-menu ul>li i {
  font-size: 44px;
  color: var(--primary-dark);
}

body.tablet .user-menu ul>li a {
  font-size: 12px;
  color: var(--primary-text);
  line-height: 16px;
  position: relative;
  text-align: center;
  padding-top: 10px;
}

.position {
  width: 25px;
  height: 25px;
  background-color: var(--primary-text);
  padding: 4px 9px;
  border-radius: 13px;
  font-size: 14px;
  color: var(--surface-surface);
  display: inline-table;
}

.position.firstТhird {
  background-color: var(--secondary-main);
  color: var(--primary-text);
}

body.tablet .user-menu .user-bonus .withdrawal,
body.tablet .user-menu .user-bonus .bonus-name {
  font-size: 16px;
  color: var(--primary-text);
  opacity: 90%;
  display: flex;
}

body.tablet .user-menu .user-bonus .accordions .bonus-name,
body.mobile .user-menu .user-bonus .accordions .bonus-name {
  font-size: 12px;
  font-weight: var(--fw-500);
  line-height: 16px;
  color: #e6edf766;
}

body.tablet .user-menu .user-bonus .accordions .bonus-balance,
body.mobile .user-menu .user-bonus .accordions .bonus-balance {
  font-size: 14px;
  font-weight: var(--fw-500);
  line-height: 18px;
  color: var(--disabled-text);
}

body.tablet .user-menu ul>li .msgIndic {
  position: absolute;
  top: -68px;
  right: -16px;
}

body.tablet .user-menu ul>li .activePromosCount {
  position: absolute;
  top: -68px;
  right: -16px;
}

body.desktop .user-menu ul>li .activePromosCount {
  position: relative;
  bottom: 53px;
  right: 20px;
}

body.desktop .user-menu ul>li[data-type="mis-bonos"] a,
body.desktop .user-menu ul>li[data-type="notificaciones"] a {
  width: 115px;
  text-align: center;
  margin-left: 0px;
}

body.desktop .user-menu hr {
  display: none;
}

li[data-tpe="inbox"] img::after {
  content: "0";
}

/* .user-menu ul>li .msgIndic {
  position: relative;
  bottom: 50px;
  right: 3px;
} */
/* .user-menu ul>li .activePromosCount {
  position: relative;
  bottom: 53px;
  right: 3px;
} */
body.mobile .user-menu .vip .loyalty-program {
  width: 95%;
  margin: 11px 0 11px 4px;
}

body.tablet .user-menu .vip .loyalty-program {
  width: 95%;
  margin: 11px 9px;
}

body.tablet .user-menu .vip .vip-program {
  width: 50%;
  margin: 11px 4px 11px 0px;
}

body.tablet .user-menu .loyalty-program {
  width: 93%;
  padding: 0 15px;
  margin: 11px;
}

body.tablet .user-menu {
  margin: 0px;
  width: 375px;
}

body.tablet .user-menu .user-bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  min-height: 51px;
  height: auto;
  margin: 12px 0 0 0;
}

body.tablet .user-menu .user-bonus .accordions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #15171dcc;
  height: 0px;
  width: 100%;
}

body.tablet .user-menu .user-bonus .bonus {
  width: 85%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

body.tablet .user-menu .user-bonus .toggle-user-bonus {
  display: none;
}

.user-menu ul>li {
  font-size: 12px;
  color: var(--primary-text);
  opacity: 100%;
  margin-bottom: 12px;
  text-align: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 95px;
  height: 85px;
  background-color: #e6f1ff0d;
  border-radius: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.user-menu ul>li img {
  width: 36px;
  margin: 0;
}

#arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.animationRefresh {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

@keyframes rotateRefresh {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.clickButton {
  background: #1785ff99 0% 0% no-repeat padding-box;
}

.clickButton>* {
  color: #e4edf8;
  opacity: 90%;
}

.transfers--history .disabledButton,
.bonusConteiner .disabledButton,
.historyConteiner .disabledButton {
  background: #1d2129;
}

.disabledButton>* {
  color: #1c2029;
  opacity: 100%;
}

body.mobile .menuConteiner::-webkit-scrollbar,
body.mobile .walletMenu::-webkit-scrollbar,
body.mobile .bonusesMenu::-webkit-scrollbar {
  display: none;
}

.activ>* {
  color: var(--surface-surface);
}

.dateTimeAct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 27px;
  background: var(--primary-text) 0% 0% no-repeat padding-box;
  line-height: 28px;
  padding: 0 10px;
}

.dateTimeAct .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #1c2029;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.dateTimeAct .time .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  color: #1c2029;
  font-weight: var(--fw-bold);
  margin: 0 15px 5px;
}

.dateTimeAct.calendar .time .number {
  margin: 0;
}

.dateTimeAct.calendar .time .number i {
  font-size: 30px;
}

.dateTimeAct .time .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  color: #1c2029;
}

.dateTimeInact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  line-height: 28px;
  padding: 0 10px;
}

.dateTimeInact .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* .dateTimeInact .time .number {
  display: flex;
  font-size: 18px;
  color: var(--primary-text);
  opacity: 40%;
  font-weight: var(--fw-bold);
  margin: 0 15px 5px;
} */
.dateTimeInact .time .number:not(:last-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  color: var(--primary-text);
  opacity: 40%;
  font-weight: var(--fw-bold);
  margin: 0 15px 5px;
}

.dateTimeInact.calendar .time .number {
  margin: 0;
}

.dateTimeInact .time .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  color: var(--primary-text);
  opacity: 40%;
}

/* .period {
  display: flex;
  width: 170px;
  height: 59px;
  border-radius: 10px;
  border: 1px solid #E6F1FF1a;
  flex-direction: column;
} */
.period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 170px;
  height: 59px;
  border-radius: 10px;
  border: 1px solid #e6f1ff1a;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #e6edf70d;
  margin-top: 10px;
}

body.mobile .period {
  width: 48.7%;
}

.period .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  color: var(--primary-text);
  opacity: 60%;
  margin: 6px 23px 4px;
}

.period>div .date {
  padding-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  height: 21px;
}

.period>div .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.periodMenu input.picker[type="date"] {
  padding: 0 0 0 11px;
  margin: 0;
}

body.mobile.history .menuConteiner {
  padding: 0 14px;
}

body.tablet.history .menuConteiner {
  top: 111px;
}

.menuConteiner {
  overflow: auto;
}

body:not(.desktop) .menuConteiner {
  padding: 15px;
}

body.mobile .casinoConteiner div#table {
  width: 100%;
  margin-top: 19px;
}

/* body.mobile .walletTab .headerMenu:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 150px;
  background: #15171D;
  z-index: -1;
} */
body.tablet .headerMenu {
  padding: 14px 0px 0 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.desktop .headerMenu {
  position: absolute;
  top: -56px;
  left: 0;
  height: 100%;
}

.helpTab,
.contactUsTab,
.documentTab,
.walletTab,
.bonusPage,
.inboxTab,
.accountTab,
.historyTab {
  position: relative;
}

/* .headerMenu {
	display: flex;
} */

body.tablet .newMessages {
  margin-bottom: 8px;
}

body.mobile .headerMenu .headerArrow,
body.tablet .headerMenu .headerArrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--primary-main);
  margin-top: 8px;
  margin-right: 6px;
}

/* .headerMenu .menu {
  display: flex;
  flex-direction: column;
  width: 694px;
  margin: 0 auto;
  margin-top: 64px;   
} */
body.tablet .headerMenu .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0 0 12px 0;
  width: 694px;
}

body.mobile .headerMenu .menu .menuTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  color: var(--secondary-text);
}

body.tablet .headerMenu .menu .menuTitle {
  color: var(--secondary-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}

/* .headerMenu .menu .menuTitle {
  display: flex;
  font-size: 12px;
  color: var(--primary-text);
  opacity: 50%;
  margin-bottom: 3px;
} */
body.tablet .headerMenu .menu .page {
  font-size: 16px;
  line-height: 22px;
  color: var(--primary-text);
  letter-spacing: 0px;
}

body.mobile .headerMenu .menu .page {
  font-size: 16px;
  line-height: 22px;
  color: var(--primary-text);
  font-weight: var(--fw-500);
}

/* .headerMenu .menu .page {
  display: flex;
  font-size: 18px;
  color: var(--primary-text);
  opacity: 100%;
} */
body.mobile .timeMenu {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 89.5%;
  height: 30px;
  background-color: #1d212999;
  border-radius: 27px;
  margin-bottom: 10px;
}

body.tablet .depositsWithdrawalsTab {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}

body.tablet .depositsWithdrawalsMenu {
  margin-left: 30px;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}

body.tablet .depositsWithdrawalsTab .headerMenu {
  margin-left: 20px;
}

body.tablet .toggleButton {
  width: 215px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

body.mobile .dateTimeAct .time .text,
body.mobile .dateTimeInact .time .text {
  padding-left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.mobile .dateTimeAct .time .number,
body.mobile .dateTimeInact .time .number {
  margin: 0;
}

body.mobile .dateTimeAct .time,
body.mobile .dateTimeInact .time {
  width: 100px;
}

body.mobile .dateTimeAct,
body.mobile .dateTimeInact {
  width: 74px;
  height: 23px;
}

body.mobile .timeMenu>div {
  margin: 0 2px;
}

body.mobile .dateTimeInact {
  background: none;
}

body.mobile .calendar.dateTimeAct {
  position: absolute;
  right: -25px;
  background: var(--secondary-main);
  box-shadow: none;
  padding: 0;
}

body.mobile .dateTimeAct .time .number i,
body.mobile .dateTimeInact .time .number i {
  font-size: 20px;
  color: var(--primary-text);
}

body.tablet .timeContainer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}

body.mobile .dateTimeAct,
body.mobile .dateTimeInact,
body.tablet .dateTimeAct,
body.tablet .dateTimeInact {
  height: 24px;
  padding: 0;
}

body.tablet .dateTimeInact {
  background: none;
}

body.tablet .dateTimeAct .time, body.tablet .dateTimeInact:not(.calendar) .time {
  width: 100px;
}

body.tablet .dateTimeAct .time .number,
body.tablet .dateTimeInact .time .number {
  margin: 0;
}

body.tablet .dateTimeAct .time .number i,
body.tablet .dateTimeInact .time .number i {
  font-size: 20px;
  color: var(--primary-text);
}

body.tablet .dateTimeAct .time .text,
body.tablet .dateTimeInact .time .text {
  padding: 5px;
}

body.mobile .walletMenu,
body.mobile .bonusesMenu,
body.mobile .tab-promo,
body.mobile .messagesMenu,
body.mobile .historyMenu {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  width: 400px;
  overflow-y: hidden;
  overflow-x: auto;
}

body.tablet .walletMenu,
body.tablet .bonusesMenu,
body.tablet .tab-promo,
body.tablet .messagesMenu,
body.tablet .historyMenu {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

body.tablet footer>div h3 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.tablet .logoContent a {
  position: absolute;
  left: 50%;
  top: 50%;
  width: unset;
  height: 45px;
  -webkit-transform: translate(calc(50% - 41px), -50%);
  -ms-transform: translate(calc(50% - 41px), -50%);
  transform: translate(calc(50% - 41px), -50%);
}

body.desktop footer .help {
  margin-top: 52px;
}

body.tablet footer .help {
  margin-top: 26px;
}

body.mobile footer .help {
  /* margin-top: 101px; */
  max-width: 370px;
  width: 100%;
}

body.desktop footer .helpList>div,
body.tablet footer .helpList>div {
  display: contents;
}

.timeMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.timeMenu > div {
  margin: 0;
  text-transform: capitalize;
  display: flex;
  flex-direction: row;
  background: var(--surface-surface) 0% 0% no-repeat padding-box;
  height: 30px;
  justify-content: center;
  border-radius: 15px;
  align-items: center;
  position: relative;
  padding: 3px;
}

body.mobile .history #period {
  background-color: #292f3b;
  transform: translate(-140px, 60px);
  height: 83px;
}

body.mobile .periodMenu {
  margin-top: 4px;
  margin-bottom: -6px;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.periodMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  margin: 16px 0;
}

body.mobile table#historyCasino {
  width: 100%;
}

body.tablet table#historyCasino {
  width: 708px;
  height: 38px;
  border-spacing: 0;
  margin-left: 0;
  margin-top: 0;
}

body.mobil table#bonusTable tbody tr td:first-child,
body.tablet.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td,
body.desktop.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td {
  width: 32px;
  height: 32px;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  margin-right: 11px;
}

body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr td:nth-child(2),
body.mobile table#bonusTable tbody tr td:nth-child(2) {
  width: 40%;
  text-align: left;
  margin: 0 0 12px 11px;
  padding: 10px 0 0 0;
}

body.mobile table#bonusTable tbody tr td:nth-child(3),
body.mobile table#bonusTable tbody tr td:nth-child(4),
body.mobile table#bonusTable tbody tr td:nth-child(5),
body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr td:nth-child(3),
body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr td:nth-child(4),
body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr td:nth-child(5) {
  margin: 0;
  height: 46px;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: var(--primary-text);
}

body.mobile table#bonusTable tbody tr td:nth-child(3),
body.mobile table#bonusTable tbody tr td:nth-child(4),
body.mobile table#bonusTable tbody tr td:nth-child(5) {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

body.mobile table.table.bonuses tbody tr td,
body.mobile table#bonusTable tbody td {
  opacity: 1;
}

body.mobile table#bonusTable a:link {
  color: var(--secondary-text);
}

table#history-table,
table#bonusTable,
table#historyCasino,
table#wallet-table,
body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses {
  width: 100%;
  margin-top: 15px;
  border-spacing: 0;
}

body.tablet table#wallet-table {
  margin-top: -35px;
  width: 708px;
}

table#wallet-table {
  margin-top: -35px;
}

body.mobile .historyConteiner h1 {
  font-size: 24px;
  color: var(--primary-text);
  margin-bottom: 16px;
  padding: 0;
  margin-top: 19px;
  margin-left: 17px;
}

body.tablet .historyConteiner h1 {
  font-size: 24px;
  color: var(--primary-text);
  margin: 24px 0 -11px 17px;
  padding: 0;
  letter-spacing: 0px;
  line-height: 28px;
}

/* table#history-table thead .historyHeader,
table#bonusTable thead .historyHeader,
table#historyCasino thead .historyHeader,
table#wallet-table thead .historyHeader {
  background: var(--surface-surface) 0% 0% no-repeat padding-box;
  border-radius: 10px 10px 0px 0px;
  display: flex;
} */
body.tablet table#historyCasino thead .historyHeader {
  width: 100%;
}

body.tablet #wallet-table tr.historyHeader {
  width: 708px;
}

table#history-table thead .historyHeader,
table#bonusTable thead .historyHeader,
table#historyCasino thead .historyHeader,
table#wallet-table thead .historyHeader {
  width: 682px;
  height: 38px;
  background: #292f39 0% 0% no-repeat padding-box;
  border-radius: 10px 10px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* table#history-table thead .historyHeader td,
table#bonusTable thead .historyHeader td,
table#historyCasino thead .historyHeader td,
table#wallet-table thead .historyHeader td {
  font-size: 10px;
  color: var(--primary-text);
  opacity: 70%;
  text-align: center;
  padding: 10px 18px;
  width: 100%;
} */
table#history-table thead .historyHeader td,
table#bonusTable thead .historyHeader td,
table#historyCasino thead .historyHeader td,
table#wallet-table thead .historyHeader td {
  font-size: 10px;
  color: var(--disabled-text);
  text-align: center;
  padding: 10px 18px;
  width: 100%;
  letter-spacing: 0px;
}

table#wallet-table thead .historyHeader td {
  font-size: 12px;
  color: var(--disabled-text);
  border: none;
}

/* table#history-table tbody,
table#bonusTable tbody,
table#historyCasino tbody,
table#wallet-table tbody {
  background-color: #1C2029;
  border-radius: 0 0 10px 10px;
  display: flex;
  flex-direction: column;
} */
/* table#history-table tbody,
table#bonusTable tbody,
table#historyCasino tbody,
table#wallet-table tbody {
  display: flex;
  flex-direction: column;
} */
body.mobile table#historyCasino thead .historyHeader {
  width: 100%;
}

body.mobile table.dataTable {
  margin: 19px 0 0 0;
}

body.mobile table#history-table tbody,
body.mobile table#historyCasino tbody,
body.mobile table#wallet-table tbody {
  width: 100%;
}

table#history-table tbody,
table#historyCasino tbody,
table#wallet-table tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  background-color: var(--surface-surface);
}

table#history-table tbody tr,
table#bonusTable tbody tr,
table#historyCasino tbody tr,
table#wallet-table tbody tr {
  background-color: var(--surface-surface);
  height: 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

table#history-table tbody tr,
table#historyCasino tbody tr,
table#wallet-table tbody tr {
  position: relative;
  background-color: var(--surface-surface);
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 13px 0 9px 0;
}

table#wallet-table tbody tr:not(:last-child):before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 30px;
  width: 570px;
  padding-left: 30px;
  border: 1px solid #e6f1ff0d;
}

table#historyCasino tbody tr:not(:last-child):before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 30px;
  width: 570px;
  padding-left: 30px;
  border: 1px solid #e6f1ff0d;
}

table#wallet-table tbody td {
  padding: 8px 0px;
}

table#history-table tbody td,
table#bonusTable tbody td,
table#historyCasino tbody td,
table#wallet-table tbody td,
body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr td,
body.tablet.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td,
body.desktop.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td {
  /* font-size: 12px;
  color: var(--primary-text);
  opacity: 90%;
  text-align: center; 
  /*flex-wrap: wrap;/*
  display: flex;
  flex-direction: column;
  width: 100%; */
  font-size: 10px;
  color: var(--primary-text);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 22%;
  padding: 0;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

body.mobile table.table.bonuses tbody tr td:first-child,
table#history-table tbody td:first-child,
table#bonusTable tbody td:first-child,
table#historyCasino tbody td:first-child {
  font-size: 12px;
  color: var(--primary-text);
  opacity: 90%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 40%;
  padding-left: 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

table#wallet-table tbody td span.dateDepositCashout,
table#wallet-table tbody td span.currency {
  font-size: 10px;
  line-height: 12px;
  color: var(--primary-text-opc-04);
  margin-top: 2px;
}

table#wallet-table tbody tr.odd td,
table#wallet-table tbody tr.even td {
  font-size: 12px;
  color: var(--secondary-text);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 25%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

table#wallet-table tbody .odd td.dataTables_empty,
table#wallet-table tbody td:first-child {
  width: 100%;
  font-size: 12px;
  color: var(--secondary-text);
  text-align: center;
}

/* table#historyCasino thead .historyHeader td {
  padding: 10px 0px;
} */
table#historyCasino thead .historyHeader td {
  width: 22%;
  padding: 10px 0px;
  border: none;
}

table#historyCasino thead .historyHeader td:first-child {
  width: 40%;
  padding: 10px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 30px;
}

table#history-table tbody td div,
table#bonusTable tbody td div,
table#historyCasino tbody td div,
body.tablet.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td:nth-child(2),
body.desktop.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td:nth-child(2) {
  font-size: 14px;
  color: var(--secondary-text);
  margin-bottom: 5px;
  text-align: start;
}

body.tablet.bonuses .bonusPage .historyBonuses {
  width: 708px;
  height: 89px;
}

body.tablet.bonuses .bonusPage .historyBonuses .table.bonuses {
  width: 100%;
  height: 100%;
}

body.tablet.bonuses .bonusPage .historyBonuses .list {
  margin: 0;
}

body.tablet.bonuses .bonusPage .historyBonuses .list .buttons--history {
  width: 100%;
}

table#history-table tbody td div,
table#historyCasino tbody td div {
  font-size: 12px;
  color: #e5f1ffb3;
  margin-bottom: 5px;
  letter-spacing: 0px;
  line-height: 16px;
  text-align: center;
}

body.mobile table#bonusTable tbody td span,
body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr td span {
  font-size: 12px;
  color: var(--disabled-text);
}

table#history-table tbody td span,
table#bonusTable tbody td span,
table#historyCasino tbody td span {
  font-size: 10px;
  color: #e5f1ff66;
  margin-bottom: 5px;
}

body.tablet.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td span,
body.tablet table#bonusTable tbody td span {
  font-size: 12px;
}

body.tablet table#history-table tbody td span,
body.tablet table#historyCasino tbody td span {
  font-size: 10px;
}

/* .period input[type="date"] {
  outline: none;
  width: 100%;
  height: auto;
  border: 0;
  color: var(--primary-text);
  opacity: 100%;
  background-color: #15171D;
  margin: 3px auto 10px;
  font-size: 14px;
} */
.period input[type="date"] {
  outline: none;
  width: 100%;
  height: auto;
  border: 0;
  color: var(--primary-text);
  opacity: 100%;
  background-color: #15171d;
  margin: 3px auto 10px;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 33px;
  z-index: 9;
  font-family: "Roboto", sans-serif;
}

body.mobile .period>div,
body.tablet .period>div,
body.desktop .period>div {
  position: relative;
}

body.mobile .period i.icon-calendar,
body.tablet .period i.icon-calendar,
body.desktop .period i.icon-calendar {
  font-size: 26px;
  color: var(--primary-main);
  position: absolute;
  top: 4px;
  right: 10px;
  background: transparent;
  cursor: pointer;
}

/* body.mobile #reg-phone-number-input {
  padding-left: 135px !important;
  padding-bottom: 0px;
} */

body.mobile #register-form .form-group input::placeholder,
body.tablet #register-form .form-group input::placeholder,
body.desktop #register-form .form-group input::placeholder {
  font-size: 16px;
  line-height: 22px;
  color: var(--disabled-text);
}

span.attentionError {
  position: absolute;
  width: 22px;
  height: 22px;
  color: #fd4343;
  border-radius: 50%;
  border: 2px solid #fd4343;
  /* -webkit-box-shadow: 0px 0px 6px 0px var(--error-main);
  -moz-box-shadow: 0px 0px 6px 0px var(--error-main);
  box-shadow: 0px 0px 6px 0px var(--error-main); */
  text-align: center;
}

select.warning {
  border: 2px solid orange;
  /* -webkit-box-shadow: 0px 0px 6px 0px orange;
  -moz-box-shadow: 0px 0px 6px 0px orange;
  box-shadow: 0px 0px 6px 0px orange; */
}

div.warnMsg {
  background-color: orange;
  color: #15171d;
  font-size: 12px;
  text-align: left;
  position: relative;
  padding: 5px 5px 5px;
  margin: 5px auto 10px;
  border-radius: 5px;
  width: 100%;
  z-index: 0;
  /* box-shadow: 0px 0px 6px 0px orange; */
}

iframe {
  margin: 10px 0px;
  width: 100%;
  height: 600px;
  border: 0px;
  border-radius: 5px;
  /* background: #393F48; */
}

iframe[page="virtuals"] {
  width: 100% !important;
  /* height: 600px !important; */
}

body.tablet.jackpot iframe {
  height: 850px;
}

body.tablet .promotionsMenu {
  justify-content: left;
}

body.tablet .historyTab,
body.tablet .helpTab,
body.tablet .inboxTab,
body.tablet .accountTab,
body.tablet .contactUsTab,
body.tablet .promotions {
  margin: 0 30px;
}

body.mobile .helpTab .menuConteiner.help {
  width: 100%;
  margin: 0;
}

body.mobile .helpTab .menuConteiner.help table#help-table {
  width: 100%;
}

body.tablet .helpTab .menuConteiner.help {
  width: 528px;
}

body.tablet .helpTab .menuConteiner.help table#help-table {
  width: 100%;
}

body.tablet .historyTab #table {
  width: 708px;
}

body.tablet .walletTab .history {
  margin: 0 10px;
}

.framedform[data-content="login"] .framedcontent {
  width: 348px;
}

body.tablet li[data-role="login"] {
  width: 72px;
  height: 36px;
}

body.tablet li[data-role="login"] .blue {
  padding-left: 20px;
}

body.tablet li[data-role="register"] {
  width: 100px;
  height: 36px;
}

body.tablet li[data-role="register"] .white {
  padding-left: 17px;
}

body.mobile #period .periodMenu input[type="date"],
body.mobile .from-to .periodMenu input[type="date"] {
  background-color: var(--surface-surface) 1a;
  /* z-index: 0; */
}

body.mobile .timeMenu .calendar.dateTimeInact {
  right: -30px;
  width: 30px;
}

body.mobile .calendarContainer {
  width: 0px;
}

body.mobile .period .title,
body.desktop .period .title {
  margin: 5px 0px 0 10px;
}

body.mobile #period .period,
body.mobile .from-to .period {
  background-color: var(--surface-surface) 1a;
}

body.mobile .period input[type="date"] {
  background-color: var(--surface-surface);
  width: 167px;
  height: 39px;
  margin: 0px auto;
  padding: 0 0 0 10px;
}

body.mobile .historyConteiner .from-to {
  /* display: flex;
  flex-direction: column;
  align-items: start; */
  width: 100%;
}

body.mobile .buttons-history-casino {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 31px;
}

body.mobile table#historyCasino thead .historyHeader td:first-child {
  width: 30%;
  padding-left: 15px;
}

body.mobile table#historyCasino thead .historyHeader td {
  width: 20%;
}

body.mobile table#historyCasino tbody td:first-child {
  width: 30%;
  padding-left: 15px;
}

body.mobile table#historyCasino tbody td {
  width: 20%;
}

body.tablet .walletContent div#period {
  right: -40px;
  top: 40px;
  left: unset;
  z-index: 1;
}

body.desktop.wallet div.walletContent>div.history>div {
  position: relative;
}

/* body.desktop.wallet div#period {
  top: 35px;
} */

body.tablet #period,
body.tablet .historyConteiner .from-to {
  width: 186px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #292f3b;
  position: absolute;
  border-radius: 10px;
  z-index: 9;
}

body.tablet .sportConteiner .from-to {
  left: unset;
  right: 5%;
  top: 309px;
}

body.tablet .casinoConteiner .from-to {
  left: 179px;
  top: 69px;
  z-index: 1;
}

body.tablet #period #periodResultsButton,
body.tablet .from-to .periodResultsButton {
  width: 170px;
  height: 48px;
  margin: 16px auto;
}

body.tablet #period .period,
body.tablet .from-to .period {
  background-color: #e6edf70d;
}

body.tablet #period .periodMenu,
body.tablet .from-to .periodMenu {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  display: inline-table;
  margin: 0px;
}

form#login-form {
  text-align: left;
  overflow: auto;
  padding: 31px;
  position: relative;
}

form#login-form i.exit {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 1;
}

form#login-form .bday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

form#login-form .bday select {
  background: var(--surface-overlay) 0% 0% no-repeat padding-box;
  border: 1px solid var(--primary-text);
  border-radius: 5px;
}

form#login-form .bday #day {
  width: 20%;
}

form#login-form .bday #month {
  width: 47%;
}

form#login-form .bday #year {
  width: 30%;
}

button.login span {
  display: block;
  width: 100%;
}

#logout div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

#logout div a {
  width: 40%;
}
.accountTab .limitsPopUp span.close-popup {
  cursor: pointer;
}

body.mobile form#edit-user-info,
body.mobile form#change-password,
body.mobile form#change-password-template {
  width: 100%;
  position: relative;
}

body.tablet form#limits-form span.limits-form-title {
  max-width: 258px;
  padding: 0;
  text-align: center;
  margin: 0 auto;
  order: 0;
}

form#limits-form .form-group .attentionError {
  top: 32%;
  right: 16px;
}

form#limits-form .form-group div.inpError {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: -20px;
}

form#limits-form .form-group input.error {
  border: 2px solid var(--error-main);
  margin: 0;
}

body.tablet form#edit-user-info {
  width: 527px;
  margin: 0 auto;
}

form#edit-user-info,
form#change-password,
form#change-password-template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 295px;
  margin: 2px auto;
}

body.mobile form#limits-form {
  width: 100%;
}

body.desktop .framedform[data-content="limitsAccount"] #limits-acc {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* row-gap: 49px; */
  padding: 0 15px 13px 15px;
}

body.mobile .framedform[data-content="limitsAccount"] form#limits-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 44px;
}

#limits-acc .panel.panel-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

form#limits-form span.limits-form-title {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#limits-acc .panel-heading {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 15px 33px 0;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#limits-acc .panel-heading span.close-popup {
  cursor: pointer;
}

body.desktop .framedform[data-content="limitsAccount"] #limits-acc .panel-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin: 0 auto;
  row-gap: 17px;
}

body.desktop .framedform[data-content="limitsAccount"] .framedcontent form#limits-ass .form-group {
  position: relative;
  margin: 0 auto;
  max-width: 292px;
}

body .framedform[data-content="limitsAccount"] .framedcontent form#limits-ass .form-group {
  position: relative;
}

form#limits-acc .form-group:nth-child(2) {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  margin-top: 17px;
}

form#limits-acc .panel-heading p {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 18px;
  color: #e6f1ffcc;
  line-height: 24px;
  letter-spacing: 0;
}

#limits-acc span.limits-form-title {
  font-size: 12px;
  color: #e5f1ff80;
  line-height: 16px;
  letter-spacing: 0;
  padding: 0 32px 30px 32px;
  text-align: center;
}

#limits-acc .panel-heading span:first-child {
  margin-left: calc(50% - 31px);
  font-size: 18px;
  color: #e6f1ffcc;
  line-height: 24px;
  letter-spacing: 0;
}

.close-acc .panel-heading span:first-child {
  margin-left: calc(50% - 43%) !important;
  font-size: 16px !important;
}

body.mobile #limits-form .form-group:first-child {
  margin-top: 30px;
  position: relative;
}

body.tablet #limits-form .form-group:first-child {
  margin-top: 30px;
}

body.mobile #limits-form .form-group:last-child {
  margin-top: 17px;
}

body.tablet #limits-form .form-group:last-child {
  margin: 16px 0 0 0;
}

body.mobile #limits-form button.submit.button.blue-white {
  width: 100%;
  height: 68px;
  border-radius: 10px;
  background: #e6f1ff0d;
  font-size: 14px;
  line-height: 20px;
  color: #e6f1ffe6;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 17px;
}

body.tablet #limits-form button.submit.button.blue-white {
  width: 415px;
  height: 60px;
  border-radius: 10px;
  background: #e6f1ff0d;
  font-size: 14px;
  line-height: 20px;
  color: #e6f1ffe6;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 17px;
}

body.mobile .limitsPopUp,
body.tablet .limitsPopUp {
  top: 50px;
}

body.mobile form#limits-form span.limits-form-title {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

body.mobile form#limits-acc input#self_bar_reason {
  width: 100%;
}

form#limits-acc input#self_bar_reason {
  width: 292px;
  height: 106px;
  border: 2px solid #e6f1ff1a;
  margin: 0 auto;
}

form.close-acc input#self_bar_passw{/*,#pass_validate */
  width: 100% !important;
  height: 50px !important;
  border: 2px solid #e6f1ff1a;
  margin: 0 auto;
  padding: 0 !important;
  margin-bottom: 10px !important;
  padding: 2% !important;
}

form.close-acc .btn-outlined-secondary{
  height: 46px;
}

.error-login-validate{
    font-size: 12px;
    margin-top: -6px;
    display: block;
    margin-bottom: 16px;
    padding-left: 8px;
    color: var(--error-dark);
}

.box-buttons-acc{
  display: flex;
  gap: 10px;
}

body.tablet form#limits-acc input#self_bar_reason,
body.tablet form#limits-acc input.form-control {
  width: 415px;
}

body.mobile form#limits-form input.form-control {
  width: 100%;
}

form#limits-form input.form-control {
  width: 292px;
  height: 60px;
  border: 2px solid #e6f1ff1a;
  margin: 0;
}

form#edit-user-info .edit::after {
  content: url(/images/open-pencil.svg);
  position: relative;
  left: 85%;
  bottom: 43px;
  z-index: 0;
  cursor: pointer;
}

body.desktop form#edit-user-info .edit::after {
  left: 93%;
  bottom: 55px;
}

body.tablet form#edit-user-info .edit::after {
  left: 92%;
}

body.mobile .info-limits-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 18px auto;
}

.info-limits-container {
  background: var(--surface-surface);
  border-radius: 10px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.info-limits-container button.info-heading {
  margin: 30px 0;
  font-size: 16px;
  line-height: 22px;
  color: #e6f1ffcc;
  letter-spacing: 0;
}

.info-limits-container span.info-description {
  font-size: 12px;
  line-height: 16px;
  color: var(--disabled-text);
  padding: 0 50px 0px 17px;
}

.info-limits-container .limits-info-buttons {
  max-width: 150px;
  margin: 15px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

body.mobile .framedform[data-content="limitsAccount"] .framedcontent {
  width: 100%;
  max-width: 348px;
  top: 21px;
  padding: 0;
}

body.tablet .framedform[data-content="limitsAccount"] .framedcontent {
  width: 100%;
  max-width: 445px;
  overflow: visible;
  top: 23px;
}

body.desktop .framedform[data-content="limitsAccount"] .framedcontent {
  width: 322px;
  overflow: visible;
  top: 66px;
}

.tab.limits {
  height: 750px;
}

form#edit-user-info p,
form#change-password p,
form#change-password-template p,
form#limits-form p {
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--primary-text);
  opacity: 100%;
  margin: 0;
}

body.account form#change-password p {
  color: var(--primary-text);
  margin-bottom: 43px;
  margin-top: 33px;
}

body.mobile.account form#change-password p {
  margin-bottom: 48px;
  margin-top: 36px;
}

body.tablet.account form#change-password p {
  margin-bottom: 60px;
  margin-top: 30px;
}

form#edit-user-info p {
  display: none;
}

body.mobile form#edit-user-info .panel span {
  position: relative;
  top: 22px;
}

body.tablet .framedform[data-content="limitsAccount"] form#limits-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 44px;
}

body.desktop form#edit-user-info .panel span {
  position: relative;
  top: 28px;
}

body.desktop .framedform[data-content="limitsAccount"] #limits-form .form-group label,
body.desktop .framedform[data-content="limitsAccount"] #limits-form .form-group span.left {
  position: absolute;
  top: 7px;
}

body.tablet form#edit-user-info .panel span,
/* body.tablet form#change-password .panel label, */
body.tablet form#change-password-template .panel label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 22px;
  font-size: 12px;
  margin-left: 16px;
}

body.tablet form#change-password-template .panel label {
  position: absolute;
  top: 8px;
}

.mainGameContent,
.mainGame {
  border: 0px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  background: transparent;
}

.img_upload {
  max-width: 400px;
  background: url(/images/upload_image.svg);
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 310px;
  margin: 60px auto 20px;
  text-align: center;
  font-size: 20px;
}

.img_uploadd {
  max-width: 300px;
  background: url(/images/download-png-6.png);
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 210px;
  margin: auto;
  text-align: center;
  font-size: 12px;
}

#backside,
#frontside {
  width: 120px;
}

#mindoc,
.mindoc {
  width: 49%;
  float: left;
  border: 2px solid var(--surface-surface);
  margin-left: 1%;
  min-height: 470px;
}

#mindoc p,
.mindoc p {
  text-align: center;
  color: #277387;
}

@media only screen and (max-width: 1000px) {

  #mindoc,
  .mindoc {
    width: 100%;
    margin-bottom: 5%;
  }
}

@media only screen and (max-width: 1000px) {
  .modal-content h1 {
    font-size: 15px;
  }
}

.img_uploadd:hover {
  opacity: 0.3;
  cursor: pointer;
}

.img_upload:hover {
  opacity: 0.3;
  cursor: pointer;
}

.verified>.img_upload {
  width: 200px;
  height: 155px;
  background: url(/images/upload_image.svg);
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 310px;
  margin: 60px auto 20px;
  text-align: center;
  font-size: 20px;
}

.account_verified {
  width: 100%;
  max-width: 400px;
  border-radius: 5px;
  height: 80px;
  margin: 50px auto 10px;
  text-align: center;
  font-size: 20px;
}

.account_verified.verified {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 18px;
}

.account_verified img {
  width: 53px;
  margin: 0 auto;
}

.account_verified.Nverified {
  background-color: #771f1f;
}

.msgIndic,
.activePromosCount {
  background-color: var(--error-main);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: var(--primary-text);
  margin-left: 11px;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  display: inline-block;
  vertical-align: bottom;
}

.msgIndic:empty,
.activePromosCount:empty {
  display: none;
}

.msgIndic.off {
  display: none;
}

.msgIndic.icon {
  top: 22px;
  right: -8px;
}

.msgIndic.icon.mobil {
  top: 10px;
  left: 30px;
  width: 18px;
  font-size: 10px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  border: 2px solid #3f56d6;
}

ul.messages {
  margin-bottom: 70px;
}

ul.messages .msg {
  padding: 15px 15px 15px 20px;
  color: #a5b2c1;
  border-bottom: 3px solid #030a0c;
  background: #383838;
  position: relative;
}

ul.messages .msg:hover {
  background-color: #116e8d33;
}

ul.messages .msg.SENT {
  background-color: #106d8c33;
}

body.desktop ul.messages .msg:hover {
  background-color: #899ba033;
}

ul.messages .msg.SENT>.status {
  position: absolute;
  left: 0;
  top: 0;
  background-color: green;
  width: 5px;
  height: 100%;
}

ul.messages .msg>.date {
  font-size: 10px;
  vertical-align: middle;
  line-height: 10px;
  opacity: 0.5;
  margin-left: 15px;
}

.sportsNav {
  position: relative;
  background: #000000;
  width: 100%;
  z-index: 2;
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: bottom 0.2s ease-out;
  -moz-transition: bottom 0.2s ease-out;
  -o-transition: bottom 0.2s ease-out;
  transition: bottom 0.2s ease-out;
}

.nwBtns {
  font-size: 0;
}

.minifix {
  padding: 0 10px;
}

ul[verification-type]>li[value="PAYSYSAPCOFASTPAY"] {
  background-image: url("/images/payment-methods/pm_visa.svg");
  background-size: 50%;
}

ul[verification-type]>li[value="PAYSYSEASYPAY"] {
  background-image: url("/images/payment-methods/pm_easypay.svg");
  background-size: 50%;
}

ul[verification-type]>li[value="PAYSYSEPAY"] {
  background-image: url("/images/payment-methods/pm_epay.svg");
  background-size: 50% auto;
}

ul[verification-type]>li i {
  float: right;
  color: var(--primary-main);
}

.framedform .framedcontent .tabаа .tablinks {
  margin: 0;
  padding: 0px;
}

.docStatus {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #292929;
  color: var(--primary-text);
  font-size: 20px;
  padding: 80px;
  text-align: center;
}

.docStatus.activated {
  display: block;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #55b936;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {

  0%,
  100% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {

  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.NoVery {
  text-align: center;
  display: block;
  max-width: 280px;
  margin: 0 auto;
}

.YesVery {
  display: none;
}

.dd-menu {
  display: inline-block;
  margin: 0 auto 30px;
}

#docOrPayment {
  font-size: 0;
  margin-bottom: 40px;
  padding: 15px 0;
}

#docOrPayment>p {
  font-size: 14px;
}

#docOrPayment>div {
  font-size: 13px;
  padding: 4px;
  margin: 5px;
  cursor: pointer;
  width: 170px;
  height: 170px;
  text-align: center;
  border-radius: 4px;
  background-color: #1c2029;
  vertical-align: top;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid var(--surface-surface);
}

#docOrPayment>div:hover {
  border: 2px solid #116e8d;
}

#docOrPayment>div span {
  position: absolute;
  max-width: 170px;
  color: var(--primary-main);
}

#docOrPayment>div img {
  margin-top: 20px;
}

ul[verification-type] {
  display: block;
}

.img_uploadd {
  background: url(/images/Icons_image.svg);
  background-position: top center;
  background-repeat: no-repeat;
}

#mindoc,
.mindoc {
  width: 49%;
  float: left;
  border: 2px solid var(--surface-surface);
  margin-left: 1%;
  min-height: 470px;
  background: #1c2029;
  border-radius: 8px;
}

#mindoc hr,
.mindoc hr {
  border: 2px solid var(--surface-surface);
}

ul[verification-type]>li {
  position: relative;
  padding: 2px;
  margin: 5px;
  cursor: pointer;
  width: 170px;
  height: 170px;
  text-align: left;
  border-radius: 10px;
  background-color: #1c2029;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80% auto;
  vertical-align: top;
  border: 2px solid var(--surface-surface);
  text-align: center;
}

ul[verification-type]>li:hover {
  border: 2px solid #116e8d;
}

ul[verification-type]>li[value="DOCUMENTS"] {
  background-image: url("/images/Icons_document2.svg");
  background-position: center;
  background-size: 50%;
}

ul[verification-type]>li[value="OTHERS"] {
  background-image: url("/images/Icons_document3.svg");
  background-position: center;
  background-size: 50%;
}

ul[verification-type]>li[value="PAYSYSCASHTERMINAL"] {
  background-image: url("/images/payment-methods/pm_cashterminal.svg");
}

ul[verification-type]>li[value="A1"] {
  display: none;
}

ul[verification-type]>li[value="PAYSYSADMIN"] {
  display: none;
}

ul[verification-type]>li[value="PAYSYSCASHTERMINAL"] {
  display: none;
}

ul[verification-type]>li[value="BANKACC_BGN"] {
  display: none;
}

ul[verification-type]>li[value="PAYSYSMPESA"] {
  display: none;
}

ul[verification-type]>li[value="PAYSYSHUBTEL"] {
  display: none;
}

ul[verification-type]>li[value="EPAYNEW"] {
  display: none;
}

ul[verification-type]>li[value="PAYSYSAPCOFASTPAY"] {
  background-image: url("/images/payment-methods/pm_visa.svg");
  background-size: 50%;
}

ul[verification-type]>li[value="PAYSYSEASYPAY"] {
  background-image: url("/images/payment-methods/pm_easypay.svg");
  background-size: 50%;
}

ul[verification-type]>li[value="PAYSYSEPAY"] {
  background-image: url("/images/payment-methods/pm_epay.svg");
  background-size: 50% auto;
}

ul[verification-type]>li::after {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  background-size: 30px auto;
  background-position: center;
  background-repeat: no-repeat;
}

ul[verification-type]>li.true::after {
  content: "";
  background-image: url("/images/checked.svg");
}

ul[verification-type]>li.false::after {
  content: "";
  background-image: url("/images/warning.svg");
}

#verificationsTabs {
  display: block;
  font-size: 0px;
}

ul.verTab {
  margin-top: 12px;
  margin-bottom: 0px;
  padding: 0;
  list-style: none;
}

#verificationsTabs>li {
  display: inline-block;
  width: 33.333%;
  font-size: 14px;
}

#verificationsTabs>li.active {
  background-color: #dedede;
  color: black;
}

.verTab {
  display: none;
}

.verTab:empty {
  padding-bottom: 50px;
}

.verTab:empty::after {
  content: "-";
  border: 1px solid silver;
  margin: 5px auto;
  width: 100%;
  display: block;
  height: 80px;
  line-height: 80px;
}

.verTab.active {
  display: block;
}

.verTab>li.Rejected {
  background-color: #771f1f;
}

.verTab>li.Pending {
  background-color: #1c2029;
}

.verTab>li.Verified {
  background-color: #6d9e6d80;
}

.verTab>li.title {
  font-size: 16px;
  padding: 5px;
  border: 1px solid silver;
}

.verTab>li:not(.title) {
  margin: 5px auto;
  padding-bottom: 1px;
}

.verTab>li>.type {
  padding: 7px;
  border-bottom: 2px solid var(--surface-surface);
}

.verTab>li>img {
  display: inline-block;
  width: 100px;
  margin: 10px;
  vertical-align: top;
}

.verTab>li>.adminNotes {
  display: block;
  margin: 15px;
  padding: 10px;
  font-weight: var(--fw-500);
  border: 1px dashed var(--primary-text);
  color: var(--primary-text);
}

.backBtn>input {
  padding: 5px 20px;
  color: #a0b2c1;
}

#verificationsTabs .title {
  padding: 12px;
  border: 1px solid;
  margin-left: 4%;
  display: inline-block;
  width: 30%;
  border: 1px solid;
  margin-left: 1.5%;
  cursor: pointer;
}

#verificationsTabs .title span {
  width: 24%;
}

#verificationsTabs {
  -webkit-padding-start: 0px;
  padding-inline-start: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#docOrPayment p {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-text);
}

button.regular {
  /* input[type="button"] { */
  border-color: #a5b2c1;
  color: var(--primary-text);
  background: #1c2029;
  border-radius: 27px;
}

.backBtn {
  padding: 16px;
}

#submitVerification input {
  margin: 14px;
  min-width: 130px;
  background: #008eff;
  border: none;
  border-radius: 24px;
  padding: 13px;
  color: var(--primary-text);
  cursor: pointer;
  font-size: 16px;
}

.mindoc button {
  margin: 0 auto;
  text-align: center;
  display: block;
  border-radius: 8px;
}

.screenElement div.info p {
  text-align: center;
  font-size: 12px;
  color: var(--primary-text);
  opacity: 70%;
}

.imageSize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  color: var(--primary-text);
  opacity: 70%;
  margin-top: 15px;
}

.step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  background-color: var(--secondary-main);
  border-radius: 19px;
  text-align: center;
  color: #15171d;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
}

.step>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}

#payment-methods {
  padding: 0;
}

.info {
  background: #1e232b 0% 0% no-repeat padding-box;
  border-radius: 10px;
    margin: 0 4px 11px 4px;
    color: #e6edf7e6;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.info img {
  width: 170px;
  border-radius: 10px 10px 0px 0px;
  height: 125px;
}

.info .content {
  width: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.info .content h4 {
  font-size: 14px;
  margin: 9px 15px 0 15px;
}

.info .content p {
  font-size: 10px;
  color: var(--primary-text);
  opacity: 67%;
  margin: 10px 15px;
}

.info hr {
  border: 1px solid #707070;
  opacity: 0.3;
  width: 84%;
}

.info .seeMore {
  text-align: center;
  margin: 0 auto;
  display: block;
  width: auto;
}

.info .seeMore>* {
  color: var(--primary-main);
  font-size: 14px;
  padding: 16px 0 19px 0;
  display: block;
}

.listGroup h1 {
  font-size: 24px;
  margin: 41px 0 15px 26px;
}

.promotionsContainer {
  overflow: auto;
}

.promotionsMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 10px;
}

body.tablet .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 940px;
}

.menuConteiner>div.walletMenu, .menuConteiner>div.bonusesMenu {
  flex-wrap: nowrap !important;
  
}

/* .menuConteiner>div {
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
  flex-direction: row;
  padding: 5px 0;
  margin-bottom: 10px;
  justify-content: center;
} */
.menuConteiner>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
  /* flex-direction: row; */
  /* margin-bottom: 10px; */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}

.walletContent h4 {
  font-size: 24px;
  color: var(--primary-text);
  margin: 31px 0 5px 30px;
}

table#bonusTable thead tr.historyHeader td,
table#bonusTable tbody tr td:last-child,
table#history-table thead tr.historyHeader td:last-child,
table#history-table tbody tr td {
  padding-bottom: 6px;
}

table#bonusTable thead tr.historyHeader td,
table#bonusTable tbody tr td,
.table.table.bonuses thead tr td,
table#history-table thead tr.historyHeader td,
table#history-table tbody tr td,
table#history-table thead tr td,
body.desktop.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td,
body.tablet.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td {
  width: 25%;
  margin-left: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

table#bonusTable thead tr.historyHeader td,
table#bonusTable tbody tr td:nth-child(2),
table#history-table thead tr.historyHeader td,
table#history-table tbody tr td:nth-child(2),
body.tablet.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td:nth-child(2),
body.desktop.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td:nth-child(2) {
  width: 45%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

body.mobile.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td:nth-child(2) {
  -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--primary-text);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.13px;
}

body.desktop.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td:nth-child(2) {
  color: var(--primary-text);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}


#bonusTable>tbody>tr>td:nth-child(4)>div>span>span {
  color: var(--secondary-text);
  font-size: 14px;
  letter-spacing: 0px;
}

body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr td,
#bonusTable>tbody>tr>td:nth-child(4)>div>span {
  color: var(--secondary-text);
  font-size: 14px;
  letter-spacing: 0px;
}

body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr td {
  padding: 6px 0;
}

body.mobile table#bonusTable tbody tr td,
body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr td {
  font-size: 14px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

table#bonusTable thead tr.historyHeader td:first-child,
table#history-table thead tr.historyHeader td:first-child,
table#history-table tbody tr td:first-child {
  width: 40%;
  text-align: start;
  width: 32.96px;
  height: 33.14px;
  border-radius: 50%;
  background-color: #ffffffe6;
}

table#bonusTable tbody tr td:first-child,
body.bonuses .bonusPage .bonusConteiner table.table.bonuses thead tr td:first-child,
body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr td:first-child,
body.tablet.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td:first-child,
body.desktop.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td:nth-child(1) {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0;
  padding: 18px 0 0 11px;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

table#bonusTable tbody tr td:first-child img,
body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr td:first-child img,
body.tablet.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td img,
body.desktop.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr td:first-child img {
  width: 19px;
  height: 20px;
}

#bonusTable>tbody>tr>td:nth-child(3)>div {
  line-height: 16px;
  height: 16px;
}

#bonusTable>tbody>tr>td:nth-child(3)>div span {
  color: var(--secondary-text);
  font-size: 14px;
  letter-spacing: 0px;
}

table#bonusTable tbody tr,
table#bonusTable thead tr,
body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr,
body.tablet.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr,
body.desktop.bonuses .bonusPage .historyBonuses .list .table.table.bonuses tbody tr,
body.desktop.bonuses .bonusPage .historyBonuses .list .table.table.bonuses thead tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px 5px 5px 5px;
  /* width: 681px; */
  height: 68px;
  /* background-color: var(--surface-surface); */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2px;
}

body.mobile table#bonusTable tbody tr,
body.mobile.bonuses .bonusPage .bonusConteiner table.table.bonuses tbody tr {
  height: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 7px;
  overflow: hidden;
}

.bonusConteiner .activboncontent,
.bonusConteiner .totalbalance {
  background-color: var(--surface-surface);
  border-radius: 10px;
  padding: 10px;
}

.bonusConteiner .procentconteiner {
  width: 100%;
  background: #d8d5d5;
  height: 10px;
  position: relative;
  z-index: 1;
}

.bonusConteiner .procentconteiner2 {
  background: #cba03f;
  position: absolute;
  z-index: 2;
  color: #1c2029;
  height: 10px;
}

.bonusConteiner .activboncontent div span {
  font-size: 14px;
}

.bonusConteiner .activboncontent div .hra {
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, #00000000, #d8d5d5, #00000000);
}

.bonusConteiner .noncashable-money {
  margin: 0 24px 23px 24px;
}

.bonusConteiner .noncashable-money .noncashable-sport>div:first-child,
.bonusConteiner .noncashable-money .noncashable-casino>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  color: var(--primary-text);
  opacity: 45%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.bonusConteiner .noncashable-money .noncashable-sport>div:last-child,
.bonusConteiner .noncashable-money .noncashable-casino>div:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bonusConteiner .noncashable-money p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  font-size: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  padding: 0;
  line-height: 16px;
}

.bonusConteiner .noncashable-money span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  margin-left: 5px;
}

.bonusConteiner .noncashable-money>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 9px;
}

.pageConteiner p.pages {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 8px 0 8px;
  gap: 8px;
}

/*Buttons History*/
body.tablet .buttons-history-casino {
  width: 708px;
  margin-top: 31px;
}

.buttons--history,
.transfers--history,
.buttons-history-casino {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  margin-top: 20px;
  gap: 8px;
}

body.mobile .buttons--history {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

table#bonusTable a:visited,
table#bonusTable a:link,
table#bonusTable a:hover,
table#bonusTable a:active {
  color: var(--secondary-text);
  font-size: 14px;
  letter-spacing: 0px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.toggleButton {
  width: 352px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #e6f1ff1c;
  border-radius: 20px;
  margin-bottom: 21px;
  text-transform: capitalize;
}

.toggleButton .toggActiv {
  background: #e6f1ff1a 0% 0% no-repeat padding-box;
}

.toggleButton div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 182px;
  height: 34px;
  border-radius: 20px;
  margin: 2px;
}

.toggleButton div span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  font-size: 14px;
  opacity: 80%;
}

.toggleButton .toggActiv span {
  color: var(--primary-text);
  opacity: 100%;
}

.historyConteiner h1 {
  font-size: 24px;
  color: var(--primary-text);
  padding: 41px 0 0 24px;
  margin-bottom: 16px;
}

body.tablet .historyConteiner {
  margin: 0;
}

.sportConteiner .accordiono {
  border-radius: 10px 10px 0 0;
  background-color: #1c2029;
  margin-top: 10px;
  padding: 9px 15px 0 15px;
}

.sportConteiner .panelo {
  border-radius: 0 0 10px 10px;
  background-color: #1c2029;
  padding: 14px 15px 9px 15px;
}

.sportConteiner .panelo .faktorevent>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 19px;
  font-size: 14px;
  color: var(--primary-text);
  opacity: 90%;
}

.sportConteiner .panelo .faktorevent {
  margin-bottom: 3px;
}

.sportConteiner .panelo .win {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sportConteiner #sporthheader2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 8px;
  color: var(--primary-text);
  opacity: 50%;
}

.sportConteiner .panelo .type-bet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 14px;
}

.sportConteiner .panelo .type-bet .type {
  font-size: 12px;
  color: var(--primary-text);
  opacity: 50%;
}

.sportConteiner .panelo hr {
  color: var(--primary-text);
  opacity: 10%;
  margin: 5px 0 7px;
}

.tabFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tabFooter>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tabFooter .title {
  font-size: 10px;
  color: var(--primary-text);
  opacity: 50%;
}

.tabFooter .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 12px;
  color: var(--primary-text);
  opacity: 90%;
  margin-top: 3px;
}

.tabFooter .value img {
  margin-right: 6px;
}

.tabFooter .value span {
  margin: auto;
}

.framedform[data-content="equal-chance-info"] {
  z-index: 99999;
}

.framedform[data-content="equal-chance-info"] .framedcontent {
  padding: 20px;
  width: 348px;
  color: #e4edf8e6;
  font-size: 14px;
  background-color: #333946e6;
  margin: 0px auto;
  max-height: 100%;
}

.framedform[data-content="equal-chance-info"] .framedcontent .exit {
  position: absolute;
  right: 15px;
  top: 15px;
}

.framedform[data-content="equal-chance-info"] .framedcontent .example {
  color: var(--primary-text);
}

.framedform[data-content="equal-chance-info"] .framedcontent .ticketborder thead td {
  color: #e4edf880;
}

.framedform[data-content="equal-chance-info"] .framedcontent .mainparagraph {
  text-align: left;
}

/* .framedform[data-content="message"] .framedcontent .iframemassage {
  padding: 12px;
} */
/* body.tablet .framedform[data-content="message"] .framedcontent .iframemassage {
  padding: 50px 30px 30px;
} */
body.tablet .framedform[data-content="message"] .framedcontent {
  width: 348px;
}

body.tablet .framedform[data-content="message"] .framedcontent .img {
  margin-top: 0px;
}

body.tablet .framedform[data-content="message"] .framedcontent .iframebuttonmessages {
  margin-bottom: 0px;
}

.framedform[data-content="casino_filter"] .framedcontent {
  width: 348px;
  margin: 320px auto 20px;
}

body .fluidRow .inboxTab .messagesConteiner h1 {
  font-size: 24px;
  margin: 30px 0 13px 30px;
}

body.tablet .messagesMenu>a {
  margin-top: 15px;
}

.messages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  background-color: var(--surface-surface);
  margin: 0 13px 7px;
}

.messages img {
  width: 180px;
  height: 100%;
  border-radius: 10px 0px 0px 10px;
}

.messages .msg-info {
  padding: 11px 15px 10px 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.messages .msg-info {
  padding: 13px 0px 9px 24px;
}

.messages .msg-info span:first-child {
  float: left;
  width: 39px;
  height: 17px;
  font-size: 10px;
  color: var(--primary-text);
  background-color: var(--secondary-main);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 9px;
  margin-right: 8px;
  letter-spacing: 0px;
  line-height: 12px;
}

/* .messages .msg-info>div {
  font-size: 14px;
  color: var(--primary-text);
  opacity: 90%;
  text-align: left;
  flex: 1;
} */
.messages .msg-info>div {
  font-size: 14px;
  color: var(--secondary-text);
  text-align: left;
  /* flex: 1 0 540px; */
  line-height: 20px;
  margin-bottom: 6px;
  letter-spacing: 0px;
  display: inline;
}

.messages .msg-info>span {
  font-size: 10px;
  color: var(--disabled-text);
}

/* .messages .msg-info div[data-status="READ"] {
  opacity: 50%;
} */
.framedform .framedcontent .buttonsMessages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 30px 0;
}

.framedform .framedcontent .iframemassage.noPadding {
  padding: 0px;
  overflow: auto;
}

/* body.mobile .framedform .framedcontent .iframemassage.noPadding {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
} */
.framedform .framedcontent hr {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--primary-text);
  opacity: 10%;
}

.framedform .framedcontent .remove div:first-child {
  padding: 30px;
}

.framedform .framedcontent .delete {
  font-size: 16px;
  color: #fd4343;
}

.bonusPage h4 {
  margin: 38px 0 15px 30px;
  font-size: 24px;
  color: var(--primary-text);
}

.bonuses .bonusPage .bonus {
  width: 170px;
  border-radius: 10px;
  margin: 5px;
  background: #1c2029 0% 0% no-repeat padding-box;
}

.bonuses .bonusPage .bonus.noncashable {
  margin: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-right: 19px;
}

.bonuses .bonusPage .bonus .bonusImage div {
  width: 17px;
  height: 17px;
  border-radius: 30px;
  background: var(--primary-text) 0% 0% no-repeat padding-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  left: 84%;
}

.bonuses .bonusPage .bonus .bonusImage div img {
  width: 9px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0px;
}

.bonuses .bonusPage .bonus img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 170px;
  border-radius: 10px 10px 0px 0px;
}

.bonuses .bonusPage .bonus .content {
  border-radius: 0 0 10px 10px;
}

.bonuses .bonusPage .bonus .content p {
  margin: 0 19px 14px 16px;
  font-size: 10px;
  color: var(--primary-text);
  opacity: 67%;
}

.bonuses .bonusPage .bonus .content div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0px 8px 7px 15px;
}

.bonuses .bonusPage .bonus .content div i {
  font-size: 22px;
  color: var(--primary-main);
}

.bonuses .bonusPage .bonus .content h4 {
  height: 30px;
  margin: 0;
  font-size: 14px;
  color: var(--primary-text);
}

.bonuses .bonusPage .bonus hr {
  margin: 0 15px;
  color: #707070;
  opacity: 30%;
}

.bonuses .bonusPage .bonus .accept {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 19px;
}

.bonuses .bonusPage .bonus .accept span {
  margin: 0 auto;
  color: var(--primary-main);
}

.contactUsTab .contactUs .contactUsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

.contactUs .contactUsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 50px;
}

.contactUs .contactUsTabMethod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 105px;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 10px 0;
  background: var(--surface-surface) 0% 0% no-repeat padding-box;
}

body.tablet .contactUs .contactUsTabMethod {
  margin: 0 1%;
  width: 155px;
  /* height: 165px; */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* .contactUs .contactUsTabMethod i {
  display: flex;
  margin: 0 auto;
  font-size: 71px;
  color: var(--primary-main);
} */
body.desktop .contactUs .contactUsTabMethod img {
  width: 83px;
  margin: 0 auto;
}

body.tablet .contactUs .contactUsTabMethod img {
  width: 71px;
  margin: 10px auto 12px;
}

body.mobile .contactUs .contactUsTabMethod img {
  width: 40px;
  margin: 0 13px 0 10px;
}

footer .help .contactUsTabMethod i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  font-size: 70px;
  color: var(--primary-text);
  opacity: 80%;
}

.help .contactUsTabMethod span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--primary-text);
  font-size: 14px;
  opacity: 80%;
  margin: 0 auto;
  text-transform: capitalize;
}

.help .contactUsTabMethod p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  color: var(--primary-text);
  opacity: 40%;
  margin: 0 auto;
  text-transform: capitalize;
}

.partners>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.payment>div img {
  display: inline-block;
  height: 40px;
  width: auto;
  vertical-align: middle;
  margin: 0 6px;
  /* filter: gray;
	-webkit-filter: grayscale(1); */
}

.payment .paymentList {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}

img.method.sm {
  height: 30px;
}

img.method.md {
  height: 40px;
}

footer {
  background: var(--surface-surface-70) 0% 0% no-repeat padding-box;
  padding-bottom: 60px;
}

/* footer .credentials {
  display: flex;
  color: var(--primary-main);
  padding: 0 15px;
  font-size: 15px;
  text-transform: uppercase;
} */
body.mobile footer .helpList {
  overflow: auto;
}

body.mobile footer .helpMethod,
body.desktop footer .helpMethod,
body.tablet footer .helpMethod {
  width: 221px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 10px;
  background-color: var(--surface-surface);
  -webkit-box-shadow: 3px 6px 8px #00000033;
  box-shadow: 3px 6px 8px #00000033;
  cursor: pointer;
}

body.mobile footer .helpMethod .methodInfo,
body.desktop footer .helpMethod .methodInfo,
body.tablet footer .helpMethod .methodInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.tablet footer .helpMethod {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 168px;
  height: 168px;
}

body.mobile footer .helpMethod {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 111px;
  height: 144px;
  margin: 0 5px;
}

body.desktop footer .helpList,
body.tablet footer .helpList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

body.mobile footer .helpMethod img,
body.desktop footer .helpMethod img {
  width: 58px;
  height: 58px;
  margin: 20px 20px 0;
}

body.mobile footer .helpMethod img {
  margin: 15px auto;
}

body.tablet footer .helpMethod img {
  width: 61px;
  height: 61px;
  margin: 20px auto;
}

body.mobile footer .helpMethod span,
body.desktop footer .helpMethod span {
  font-size: 16px;
  color: var(--secondary-text);
  line-height: 21px;
  margin: 0px 25px 0 6px;
  font-weight: var(--fw-500);
}

body.mobile footer .helpMethod span {
  margin: 0 auto;
}

body.tablet footer .helpMethod span {
  font-size: 18px;
  color: var(--secondary-text);
  line-height: 21px;
  margin: 0px auto;
  font-weight: var(--fw-500);
}

body.tablet footer .helpMethod p {
  margin: 4px auto;
  color: #e6edf766;
  font-weight: var(--fw-500);
  font-size: 14px;
  line-height: 14px;
}

body.mobile footer .helpMethod p {
  margin: 10px auto;
  color: #e6edf766;
  font-weight: var(--fw-500);
  font-size: 12px;
  line-height: 16px;
}

body.mobile footer .payment .paymentList>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 375px;
  /* -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; */
}

body.tablet footer .payment .paymentList>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 710px;
}

body.mobile footer .payment .paymentList,
body.tablet footer .payment .paymentList {
  overflow-x: scroll;
  scrollbar-width: none;
}

body.mobile footer .helpList>div {
  /* width: 490px; */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  /* overflow: hidden; */
}

footer .payment .paymentList::-webkit-scrollbar,
body.mobile footer .helpList::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

body.desktop footer .helpMethod p {
  margin: 12px 25px 0 6px;
  color: var(--disabled-text);
  font-weight: var(--fw-500);
  font-size: 14px;
  line-height: 14px;
}

body.mobile footer h3,
body.desktop footer h3,
body.tablet footer h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  font-weight: var(--fw-bold);
  color: var(--primary-main);
  text-transform: uppercase;
}

body.desktop footer>div.partners,
body.tablet footer>div.partners {
  width: 205px;
  /* margin: 0; */
  /* position: relative; */
  bottom: 178px;
  left: 54%;
}

body.mobile .partners>div img,
body.desktop .partners>div img,
body.tablet .partners>div img {
  width: 92px;
  height: 94px;
  margin: 0 11px;
}

body.desktop .partners>div,
body.tablet .partners>div {
  margin-top: 27px;
}

body.desktop footer .information h3,
body.tablet footer .information h3 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

body.desktop footer .payment,
body.tablet footer .payment {
  margin-top: 44px;
}

body.desktop footer div.information,
body.tablet footer div.information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 68px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body.desktop footer div.flice,
body.tablet footer div.flice {
  margin: 0 auto;
}

/* body.desktop .palmsbet {
  margin-right: 51px;
} */

body.tablet .informatio>div {
  width: 175px;
}

body.mobile footer .information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 47px auto 26px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

body.mobile footer .information h3 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.footertime,
body.mobile footer .information a,
body.desktop footer .information a,
body.tablet footer .information a {
  font-size: 12px;
  color: var(--secondary-text);
  font-weight: var(--fw-500);
  line-height: 14px;
  margin-bottom: 7px;
  text-align: left;
}

body.mobile footer .information>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 160px;
}

body.mobile footer .information>div div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body.mobile footer .credentials,
body.desktop footer .credentials,
body.tablet footer .credentials {
  color: var(--disabled-text);
  font-size: 12px;
  font-weight: var(--fw-500);
  line-height: 16px;
  text-align: left;
  margin-top: -24px;
}

body.mobile footer .credentials span,
body.desktop footer .credentials span,
body.tablet footer .credentials span {
  display: contents;
}

body.mobile footer .flice,
body.desktop footer .flice,
body.tablet footer .flice {
  font-size: 12px;
  line-height: 16px;
  color: var(--disabled-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 57px 16px 25px;
  text-align: left;
}

body.mobile footer .flice img.logo,
body.desktop footer .flice img.logo,
body.tablet footer .flice img.logo {
  width: 127px;
  height: 35px;
  opacity: 80%;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  margin-bottom: 15px;
}

body.mobile footer .nap,
body.desktop footer .nap,
body.tablet footer .nap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 43px;
}

body.desktop footer .nap,
body.tablet footer .nap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

body.desktop footer .nap-info>img,
body.tablet footer .nap-info>img {
  height: 30px;
  width: 87px;
}

body.mobile footer .nap img {
  width: 85px;
  height: 32px;
}

body.mobile footer .nap-info {
  /* display: -webkit-box;
  display: -ms-flexbox; */
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.desktop footer .nap .nap-info,
body.tablet footer .nap .nap-info {
  /* display: -webkit-box;
  display: -ms-flexbox; */
  display: none;
  width: 158px;
  height: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.desktop footer .nap .social-media,
body.tablet footer .nap .social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 43px;
  width: 197px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

body.mobile footer .nap .social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 43px;
  /* width: 197px; */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body.desktop footer .nap .social-media,
body.tablet footer .nap .social-media {
  margin-top: 0px;
}

body.mobile footer .nap span,
body.desktop footer .nap span,
body.tablet footer .nap span {
  font-size: 10px;
  line-height: 16px;
  color: var(--secondary-text);
  margin-top: 7px;
}

body.desktop footer>div {
  max-width: 989px;
  margin: 0 auto;
}

body.tablet footer>div {
  width: 707px;
  margin: 0 auto;
}

body.tablet footer .information>div {
  text-align: left;
}

footer .partners>div img:first-child {
  height: 75px;
}

body.mobile footer .credentials {
  margin-left: 13px;
}

/* 
body.tablet .information>div div {
  margin: 0 20px;
  flex-direction: row;
} */
.historyConteiner .from-to {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loyalty-programs .setVouchers {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.framed-header .user-level {
  font-size: 14px;
  color: var(--primary-main);
  opacity: 100%;
}

body.mobile .tab.userInfo {
  height: 646px;
}

body.tablet .tab.userInfo .loyaltyLogoConteiner img {
  margin-left: 15px;
}

body.mobile .tab.userInfo .loyaltyLevelConteiner,
body.tablet .tab.userInfo .loyaltyLevelConteiner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 15px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

body.mobile .tab.userInfo .loyaltyLevelConteiner h4,
body.tablet .tab.userInfo .loyaltyLevelConteiner h4 {
  margin: 0;
}

.loyalty-programs .buttonGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.loyalty-programs .buttonGroup .normalButton {
  width: 39px;
  height: 40px;
}

.loyalty-programs .buttonGroup .normalButton span {
  font-size: 24px;
  color: var(--primary-text);
  opacity: 100%;
}

.loyalty-programs .buttonGroup .buttonGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* .loyaltyProgramContainer .bonus_points_to_extended_play .result {
  width: 42px;
  height: 40px;
  font-size: 20px;
  background-color: #11131dcc;
  color: #FFFFFF;
  font-weight: var(--fw-bold);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
} */
.loyalty-programs .infoGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loyalty-programs .infoGroup span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: var(--primary-text);
  opacity: 100%;
  margin-left: 9px;
  text-align: left;
  padding-right: 5px;
}

.loyalty-programs h5 {
  font-size: 10px;
  text-align: left;
  color: var(--primary-text);
  opacity: 60%;
  margin: 18px 0 7px;
}

.loyalty-programs .transferConteiner {
  margin: 30px 0 39px;
}

.transferConteiner>div {
  margin: 22px 0;
}

.loyalty-programs .vouchers-content h4 {
  margin-top: 0px;
}

.loyalty-programs h4 {
  font-size: 16px;
  color: var(--primary-text);
  opacity: 100%;
  text-align: center;
}

.loyalty-programs .vouchersCount {
  width: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0px;
  margin: 28px 0 35px;
}

.loyalty-programs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
}

.learnMore {
  overflow-y: auto;
}

.learnMoreButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 13px 0;
  font-size: 14px;
  color: var(--primary-text);
  opacity: 60%;
}

.loyalty-programs .vouchersCount span {
  font-size: 27px;
  opacity: 100%;
  color: var(--primary-text);
  position: relative;
  bottom: 17px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  right: 24%;
}

.loyalty-programs .circle {
  width: 82px;
  height: 79px;
  -webkit-transform: rotate(154deg) translate(-50%, -50%);
  -ms-transform: rotate(154deg) translate(-50%, -50%);
  transform: rotate(154deg) translate(-50%, -50%);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  position: relative;
  left: 54%;
  top: 54%;
}

.loyalty-programs .circle>circle {
  stroke-width: 6%;
}

.loyalty-programs .pointsToNextVoucher {
  font-size: 12px;
  color: var(--primary-text);
  opacity: 56%;
}

.loyalty-programs .voucherFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}

.loyalty-programs .voucherFooter div {
  margin-top: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: var(--primary-text);
  opacity: 60%;
}

.vouchers-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.loyalty-programs .selectedVouchers {
  position: relative;
  display: block;
  margin-bottom: 20px;
  min-height: 120px;
}

.loyalty-programs .selectedVouchers>div {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  color: var(--primary-text);
  opacity: 70%;
  margin: 4px 0;
  width: 100%;
}

.loyalty-programs .selectedVouchers .selectedAllVouchersConteiner {
  margin-top: 22px;
  font-size: 16px;
  color: var(--primary-text);
  opacity: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* .fluidRow .help .contactUsTabMethod {
  line-height: 26px;
} */
/* .fluidRow .non-desktop, */
.fluidRow .help {
  margin: 0 14px;
}

/* body.tablet .fluidRow .non-desktop, */
body.tablet .fluidRow .help {
  width: 500px;
  margin: 0 auto;
}

/* .fluidRow .non-desktop div {
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  background: #1C2029 0% 0% no-repeat padding-box;
  margin: 6px 4px;
  height: 50px;
  color: var(--primary-text);
  align-items: center;
  padding: 0 17px;
}

.fluidRow .non-desktop div a {
  color: var(--primary-text);
  font-size: 14px;
}

.fluidRow .non-desktop div i {
  color: var(--primary-text);
  opacity: 20%;
  font-size: 20px;
} */
.menuContent {
  overflow: auto;
}

.menuContent .faqMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 504px;
}

.faqContent .faqElement {
  border-radius: 10px;
  background: #1c2029 0% 0% no-repeat padding-box;
  padding: 15px 40px 15px 18px;
  margin-bottom: 7px;
}

.faqContent h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--primary-text);
  opacity: 100%;
  font-size: 18px;
  margin: 23px 0 17px 20px;
}

.faqContent .faqElement span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: var(--primary-text);
}

.faqContent .faqElement span::after {
  content: "\002B";
  color: var(--primary-text);
  opacity: 40%;
  font-size: 27px;
  position: absolute;
  right: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -7px;
}

.faqContent .faqElement.open span::after {
  content: "\2212";
  color: var(--primary-text);
  opacity: 40%;
  font-size: 27px;
  position: absolute;
  right: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -7px;
}

.faqContent .faqElement div {
  font-size: 14px;
  color: var(--primary-text);
  opacity: 60%;
  line-height: 20px;
  margin: 16px 0;
}

.newSelect {
  width: 170px;
  height: 59px;
  border-radius: 10px;
  border: 2px solid #e6f1ff8a;
  color: #acb3be;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 0;
  cursor: pointer;
}

body.mobile .newSelect {
  position: static;
}

.newSelect>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  color: var(--primary-text);
}

#casinoMenu .nwBtns {
  height: auto;
  background: transparent;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 4px 0 17px 13px;
  overflow: auto;
}

#casinoMenu .nwBtns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 76px;
  height: 91px;
  border-radius: 14px;
}

#casinoMenu .nwBtns a.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* width: 76px; */
  /* height: 91px; */
  /* border-radius: 14px;
  background: var(--surface-surface) 0% 0% no-repeat padding-box; */
}

#casinoMenu .nwBtns a .btnHckd {
  width: 120px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px;
  background: transparent;
  text-align: center;
}

#casinoMenu .nwBtns a .btnHckd img {
  margin: 6px 12px 10px;
  height: 46px;
}

#casinoMenu .nwBtns a .btnHckd span {
  font-size: 10px;
  color: var(--primary-text);
  margin-bottom: 3px;
}

.pageContent .filter {
  vertical-align: middle;
}

/* body.tablet #jp-main-container-combined {
padding: 0 30px;
overflow: auto;
width: 100%;
} */
body.tablet .pageContent .filter {
  vertical-align: middle;
  margin: 0 0 0 55px;
}

/* body.tablet #casinoMenu .nwBtns {
  margin: 15px 30px;
} */

/* body.tablet .pageContent .grid-layout {
	margin: 0 20px;
	gap: 20px;
	grid-gap: 20px;
} */

body.tablet .pageContent .filterContent {
  margin: 0 0 0 10px;
}

.pageContent .grid-layout {
  /* justify-content: space-between; */
  /* overflow: auto; */
  display: -ms-grid;
  display: grid;
  grid-auto-rows: minmax(auto, auto);
  grid-auto-flow: dense;
}

.pageContent .flex-layout .jackpot,
.pageContent .flex-layout .new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-left: 10px;
}

body.tablet .pageContent .flex-layout .jackpot,
body.tablet .pageContent .flex-layout .new {
  padding: 0 30px;
}

.pageContent .flex-layout .jackpot .reaCover,
.pageContent .flex-layout .new .reaCover {
  font-size: 10px;
  width: 64px;
  color: #15171d;
  height: 30px;
  background: #ffcd07;
  position: absolute;
  border-radius: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  padding-top: 15px;
  left: 132px;
}

.pageContent .flex-layout .jackpot .imgCover,
.pageContent .flex-layout .new .imgCover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 9px;
}

.pageContent .flex-layout .jackpot i,
.pageContent .flex-layout .new i {
  color: #1d97ff;
  font-size: 25px;
}

.pageContent .flex-layout .new .reaCover {
  font-size: 12px;
  background: #f91b47;
  height: 33px;
  color: #fafafa;
  width: 67px;
  position: absolute;
  top: -2px;
  left: 132px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 10px;
  padding-top: 15px;
}

.pageContent .casino-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 29px 0 0px 17px;
  font-size: 12px;
}

body.tablet .pageContent .casino-title {
  margin-left: 51px;
}

.pageContent .casino-title img {
  margin: 0 10px 13px;
  height: 21px;
}

body.tablet .pageContent .casino-title img {
  margin: 0 10px 12px 0;
  height: 21px;
}

.pageContent .casino-title .seeAll {
  position: absolute;
  right: 10%;
  color: var(--primary-main);
  font-size: 12px;
}

body.tablet .pageContent.slots div input {
  width: 100%;
}

/* .pageContent div img{
  margin: 0 30px 0 14px;
} */
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

body.nonie .grid-layout.empty {
  -ms-grid-columns: auto;
  grid-template-columns: auto;
}

body.nonie .grid-layout.empty>h2 {
  color: var(--primary-text);
  font-size: 16px;
  width: 100%;
  text-align: center;
}

/* body.nonie .grid-item {
  grid-column-end: span 1;
  grid-row-end: span 1;
   background: rgba(3, 23, 30, 1); 
} */
body.ie .grid-item {
  position: relative;
  display: inline-block;
  padding: 8px;
  min-height: 165px;
}

body.ie .grid-item>div.gamePanel {
  min-height: 165px;
}

body.desktop article.pageDecription {
  margin: 0 auto;
  padding: 0 50px;
  width: auto;
}

body.pageFreespins div[data-id]:not(.hasFreespins) {
  display: none !important;
}

body div[data-id].hasFreespins::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 60px;
  height: 60px;
  background-image: url(/images/icon_slots2.gif);
  background-size: 60px 60px;
}

body.pageFreespins div[data-id].hasFreespins::after {
  display: none;
}

[data-step="2"]>div:nth-child(4)>label{
  padding-top: 7px;
}

.checkmark-custom{
  border-radius: 100%;
}

.checkmark-custom:after{
  border-color: var(--action-focus-bottom);
  background-color: var(--action-focus-bottom) !important;
  border-radius: 100% !important;
}



@media(max-width:600px){
  .menuConteiner>div.walletMenu{
    width:120% !important;
  }
}

/* @media screen and (max-width: 480px) {
  body.nonie .grid-layout {
      grid-template-columns: auto auto;
  }
  body.nonie .flex-row {
      min-width: 199px;
  }
  body.ie .grid-layout {
      padding-top: 60px !important;
  }
  body.ie .grid-layout>.grid-item {
      width: 50%;
  }
}

@media screen and (max-width: 640px) {
  body.nonie .flex-row {
      min-width: 199px;
  }
  body.nonie .grid-layout {
      grid-template-columns: auto auto;
  }
}

@media screen and (min-width: 640px) {
  body.nonie .grid-layout {
      grid-template-columns: auto auto auto;
  }
  body.nonie .flex-row {
      min-width: 199px;
  }
  body.ie .grid-layout>.grid-item {
      width: 33.333%;
  }
}

@media screen and (max-width: 979px) {
  body.nonie .grid-layout.promo {
      grid-template-columns: auto auto;
  }
}

@media screen and (min-width: 980px) {
  .Left {
      display: block;
  }
  body.nonie .grid-layout {
      grid-template-columns: auto auto auto auto auto;
  }
  body.nonie .grid-layout.promo {
      grid-template-columns: auto auto auto auto;
  }
  body.nonie .flex-row {
      min-width: calc((100% - 50px)/5)
  }
  body.ie .grid-layout>.grid-item {
      width: 25%;
  }
}

@media screen and (min-width: 1280px) {
  body.nonie .grid-layout {
      grid-template-columns: auto auto auto auto auto;
  }
  body.nonie .flex-row {
      min-width: calc((100% - 50px)/5)
  }
  body.ie .grid-layout>.grid-item {
      width: 20%;
  }
}

@media screen and (min-width: 1680px) {
  body.nonie .grid-layout {
      grid-template-columns: auto auto auto auto auto auto;
  }
  body.nonie .flex-row {
      min-width: calc((100% - 70px)/7)
  }
  body.ie .grid-layout>.grid-item {
      width: 16.667%;
  }
}

@media screen and (min-width: 1920px) {
  body.nonie .grid-layout {
      grid-template-columns: auto auto auto auto auto auto auto;
  }
  body.nonie .flex-row {
      min-width: calc((100% - 70px)/7);
  }
  body.ie .grid-layout>.grid-item {
      width: 14.28%;
  }
} */
/* .grid-layout .imgCover {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #1C2029;
  height: 40px;
  font-size: 12px;
  text-align: left;
} */
.span-2 .imgCover {
  height: 40px;
}

/* .imgCover>h4 {
  padding: 0 0 0 10px;
  margin: 0;
  line-height: 40px;
  display: inline-block;
  font-size: 12px;
  color: var(--primary-text);
} */
.span-2 .imgCover>h4 {
  padding: 0 0 0 30px;
  margin: 0;
  /* line-height: 70px; */
  display: inline-block;
  font-size: 18px;
}

/* .grid-layout  .imgCover>.favIcon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
} */
.imgCover>.favIcon>i,
.framedcontent .favIcon>i {
  font-size: 25px;
}

.imgCover>.favIcon.on>img.empty,
.framedcontent .favIcon.on>img.empty {
  display: none;
}

.imgCover>.favIcon>img.full,
.framedcontent .favIcon>img.full {
  display: none;
}

.imgCover>.favIcon.on>img.full,
.framedcontent .favIcon.on>img.full {
  display: block;
}

/* .imgCover>.favIcon>i {
  color: #1D97FF;
} */
/* .grid-item {
  font-size: 14px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  color: #929796;
  position: relative;
  cursor: pointer;
  z-index: 1;
  margin: 5px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  transform: translate3d(0, 0, 0) scale(1);
  box-sizing: content-box;
} */
.reaCover h4 {
  font-size: 12px;
  margin: 0;
}

.grid-item[data-provider="CT Gaming"] .jpOverlayPanel {
  height: 30px;
  width: 100%;
  background-color: #061723;
  position: absolute;
  top: 50px;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  display: none;
}

.grid-item[data-provider="CT Gaming"] .jpOverlayPanel>img {
  position: absolute;
  left: 50%;
  top: -13px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.grid-item>div.gamePanel {
  border-radius: 10px;
  position: relative;
  font-size: 0;
  text-align: center;
  /* border: 1px solid #1e323e; */
  background-color: #1c2029;
  -webkit-box-shadow: 0px 0px 5px 0px #00000099;
  -moz-box-shadow: 0px 0px 5px 0px #00000099;
  box-shadow: 0px 0px 5px 0px #00000099;
  overflow: hidden;
  padding-top: 65%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
}

/* .span-2 div.gamePanel {
  padding-top: calc(75% + 5px);
} */
.grid-item[data-provider] .jpOverlay {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0;
  left: 0;
  background-size: 60px 60px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 3;
}

.grid-item[data-provider="CT Gaming"] .jpOverlay {
  background-image: url(/images/HotCash_Lenta_60x60v2.png);
}

html[lang="bg"] .grid-item[data-provider="ISOFTBET"] .jpOverlay {
  left: -5px;
  top: -5px;
  display: none;
  background-image: url(/images/Tape_Tournament_BG.png);
}

html[lang="en"] .grid-item[data-provider="ISOFTBET"] .jpOverlay {
  background-image: url(/images/Tape_Tournament_EN.png);
  left: -5px;
  top: -5px;
  display: none;
}

.jackpot .gamePanel,
.new .gamePanel {
  width: 100%;
  height: 170px;
  border-radius: 16px;
  position: relative;
}

.jackpot .gamePanel .img,
.new .gamePanel .img {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 79%;
}

/* .grid-item>div.gamePanel>* {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;
} */
/* .grid-itemA>div.gamePanel>.reaCover {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 14px 7px;
  bottom: 0;
  left: 0;
} */
/* .grid-item>div.gamePanel>.img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
  background-position: 0 -10px;
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 0;
} */
/* .grid-item>div.gamePanel>a {
  opacity: 0;
  display: none;
  position: absolute;
  z-index: 3;
  font-size: 14px;
}

body.nonie .grid-item.span-2>div>a {
  font-size: 20px;
}

.grid-item>div.imgCover>a.Fun {
  left: 75%;
  padding: 20px;
}

.grid-item>div.gamePanel .reaCover>a.Real {
  position: absolute;
  left: 50%;
  top: 30%;
  padding: 2px;
  border: 1px solid #cba03e;
  color: #050707;
  border-radius: 18px;
  font-weight: var(--fw-bold);
  font-size: 14px;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.grid-item>div.imgCover>a.Fun {
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 5px;
  left: auto;
  padding: 4px 8px;
  border: 1px solid #a3acbb7a;
  color: #a3acbb;
  border-radius: 18px;
  font-weight: var(--fw-bold);
  overflow: hidden;
} */
/* .grid-itemA>div.gamePanel>.reaCover>a.Real>div {
  background-color: #cba03e;
  padding: 4px 8px;
  border-radius: 16px;
} */
/* .grid-item>div.gamePanel>a>div {
  height: 50px;
  line-height: 60px;
  text-transform: capitalize;
  padding: 0 15px;
} */
/* .grid-item.span-2>div>img {
  width: 100%;
}

.grid-item>div.imgCover>a.infoBtn {
  position: absolute;
  top: 0;
  right: auto;
  left: 0px;
  color: #a3acbb;
  font-weight: var(--fw-bold);
  text-transform: lowercase;
  padding: 5px;
  font-size: 12px;
  display: none;
}

.grid-item>div.imgCover>a.infoBtn>div {
  text-transform: lowercase;
  border: 1px solid #a3acbb7a;
  border-radius: 50%;
  height: auto;
  line-height: 18px;
  text-align: center;
  width: 20px;
  height: 20px;
  padding: 0;
} */
.flex-layout>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: auto;
}

.flex-row {
  margin: 5px;
  background-color: #1c2029;
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  -webkit-box-shadow: 6px 9px 20px #00000098;
  box-shadow: 6px 9px 20px #00000098;
}

.flex-row .tag {
  position: absolute;
  height: 75px;
  width: 60px;
  right: 0;
  top: 0;
  color: #15171d;
  font-size: 10px;
  padding-top: 60px;
  text-align: center;
  transform: translate(50%, -50%) rotate(45deg);
  background: #ffcd07;
  border-radius: 10px;
}

.new .flex-row .tag {
  color: #fafafa;
  background: #f91b47;
}

/* span.twitter-typeahead {
  position: absolute!important;
  width: 95%;
  line-height: 50px;
  top: 460px;
  margin-left: 57px;
}
body.tablet span.twitter-typeahead {
  width: 94%;
  line-height: 34px;
} */
/* body.tablet .slots span.twitter-typeahead {
  width: 84%;
  line-height: 34px;
} */
.aCGames {
  vertical-align: unset;
  background-color: #495165 !important;
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
}

.right {
  position: absolute;
  top: 31px;
  right: 14px;
  font-size: 14px;
  line-height: 20px;
  color: #e6f1ffcc;
}

.tt-menu {
  position: absolute;
  top: 80%;
  width: 100%;
  left: 20px;
  z-index: 100;
  background: var(--surface-surface);
  margin-left: 0px;
  padding: 10px;
  border-radius: 15px;
  cursor: pointer;
}

.tt-selectable {
  margin: 5px 0;
}

.tt-hint {
  position: absolute;
  top: 0px;
  left: 0px;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
  background: none 0% 0% / auto no-repeat scroll padding-box padding-box var(--surface-surface) 99;
}

.game-info div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 7px 0;
  font-size: 14px;
  color: var(--secondary-text);
  padding: 0;
  font-weight: var(--fw-500);
}

.game-info div span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* .gameInfo input {
  height: 44px;
  width: 50%;
  display: block;
  margin: 0 auto;
} */
div[data-field="name"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 24px;
  font-size: 18px;
  color: var(--primary-text);
  padding: 9px 16px;
  background: var(--surface-surface) 0% 0% no-repeat padding-box;
}

div[data-field="name"] img {
  height: 40px;
}

/* .demo[ data-field="demo"] {
  background: transparent;
  border: 0px;
  font-size: 16px;
  height: 65px;
  color: var(--primary-text);
}

.butt {
  display: flex;
  flex-direction: column;
  margin-top: 25px;
} */
/* div {
  position: relative;
  height: 41px;
  width: 60px;
  bottom: 190px;
  color: #15171D;
  font-size: 10px;
  padding-top: 26px;
  text-align: center;
  left: 81%;
  transform: rotate(45deg);
  background: #FFCD07;
  border-radius: 10px;
} */
body.mobile .providerFilt>div .checkboxx,
body.tablet .providerFilt>div .checkboxx {
  width: 22px;
  height: 22px;
  display: inline-block;
  border: 1px solid var(--primary-text);
  border-radius: 4px;
  opacity: 0.8;
  vertical-align: middle;
  -webkit-box-shadow: inset 0px 0px 5px 0px #000000bf;
  box-shadow: inset 0px 0px 5px 0px #000000bf;
}

.providerFilt>div>label>input[type="checkbox"] {
  display: none;
}

body.mobile .providerFilt>div span,
body.tablet .providerFilt>div span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  font-size: 14px;
  color: var(--primary-text);
  text-transform: uppercase;
}

body.mobile .providerFilt>div .checkboxx.checked,
body.tablet .providerFilt>div .checkboxx.checked {
  opacity: 1;
  background: #2196f3;
}

.providerFilt>div {
  margin-bottom: 17px;
}

div[data-content="casino_filter"] .filter-header span {
  color: var(--primary-text);
  opacity: 30%;
  font-size: 14px;
}

div[data-content="casino_filter"] .framedcontent {
  padding: 10px;
}

.filter-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px 24px 38px 24px;
}

.filter-header span {
  font-size: 14px;
  color: var(--primary-text);
  opacity: 30%;
}

.framedform .framedcontent .items.providerFilt {
  padding: 0 24px;
  text-align: left;
}

.filter-header h4 {
  margin: 0;
  font-size: 18px;
  color: var(--primary-text);
}

.filter-footer {
  text-align: center;
  padding: 24px;
}

.filter-footer span {
  text-align: center;
  font-size: 14px;
  color: var(--primary-main);
}

div[data-content="casino_filter"] .framedcontent .providerFilt {
  text-align: left;
  overflow: auto;
}

.btnPromos {
  background: var(--primary-text);
  padding: 8px;
  font-size: 18px;
  text-transform: uppercase;
  color: #000000;
  width: 205px;
  font-weight: 600;
  margin: 0 auto;
  border-radius: 4px;
  cursor: pointer;
}

#promoSelScreen {
  text-align: center;
}

.descriptpromos span:first-child {
  display: block;
  font-weight: var(--fw-500);
  font-size: 16px;
  color: var(--primary-text);
}

.descriptpromos {
  font-size: 10px;
  color: #e6f1ffab;
  min-height: 94px;
}

.fon .button {
  display: block;
  font-size: 14px;
}

.fon {
  width: 60%;
  margin: 0 auto;
}

.logoto {
  position: absolute;
  width: 22px;
  height: 22px;
  right: 0px;
  font-size: 22px;
  color: var(--primary-text);
}

.pageWrap {
  font-size: 14px;
  color: var(--primary-text);
  opacity: 60%;
  padding: 10px 20px;
}

.table-games .favIcon,
.live-dealer .favIcon {
  display: none;
}

.tab-promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 10px;
}

.vipClub>h4 {
  font-size: 12px;
  margin-left: 21px;
  color: var(--primary-text);
}

.vip-button {
  position: absolute;
  top: 46px;
  z-index: 99999999;
  left: 50%;
  -webkit-transform: translate(-50%, 15%);
  -ms-transform: translate(-50%, 15%);
  transform: translate(-50%, 15%);
  font-size: 9px;
  color: var(--primary-main);
  width: 30px;
  height: 15px;
  background-color: var(--primary-text);
  border-radius: 10px;
  text-align: center;
  padding: 2px;
}

.vipClub .diamond {
  background: -o-radial-gradient(circle, #066de2 0%, #0c2657 100%);
  background: radial-gradient(circle, #066de2 0%, #0c2657 100%);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 263px;
  border-radius: 0 0 50% 50%;
  top: -145px;
  z-index: -1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -145px;
}

.vipClub .diamond h4 {
  font-size: 24px;
  margin: 15px;
}

.vipClub .diamond img {
  width: 200px;
  position: relative;
  top: 65px;
}

.vipClub .button {
  width: 173px;
  height: 44px;
  padding: 13px 32px;
  font-size: 16px;
  margin: 30px auto 45px;
}

.vipClub .vip-info p {
  font-size: 14px;
  color: var(--primary-text);
  line-height: 18px;
  margin: 0 45px;
  text-align: left;
}

.vipClub .vip-info img {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 15%);
  -ms-transform: translate(-50%, 15%);
  transform: translate(-50%, 15%);
}

.vipClub .vip-bonuses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.vipClub .vip-bonuses div {
  width: 171px;
  height: 171px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  border-radius: 10px;
  background-color: #1c2029;
  margin: 7px;
  padding: 0px 20px;
}

.vipClub .vip-bonuses div p {
  margin: 0;
  font-size: 14px;
  color: var(--primary-text);
}

.welcome-vip .diamond {
  background: -o-radial-gradient(circle, #066de2 0%, #0c2657 100%);
  background: radial-gradient(circle, #066de2 0%, #0c2657 100%);
  border-radius: 0 0 50% 50%;
  text-align: center;
}

.welcome-vip .diamond img {
  position: relative;
  top: 30px;
  -webkit-animation: myfirst 3s 120;
  animation: myfirst 3s 120;
}

.welcome-vip .diamond h4 {
  position: relative;
  bottom: 30px;
  font-size: 57px;
  margin: -50px 0 30px;
}

.welcome-vip .welcome-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.welcome-vip .welcome-info h1 {
  font-size: 32px;
  color: var(--primary-text);
  margin: 0;
}

.welcome-vip .welcome-info p {
  margin: 15px 44px 43px;
  font-size: 14px;
  opacity: 80%;
  text-align: left;
  line-height: 18px;
}

.welcome-vip .welcome-info .blue-white {
  width: 151px;
  height: 45px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 37px;
  margin: 0 auto 115px;
}

@keyframes myfirst {
  0% {
    left: 0px;
    top: 30px;
  }

  50% {
    left: 0px;
    top: -40px;
  }

  100% {
    left: 0px;
    top: 30px;
  }
}

.depositsList,
.withdrawalsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 24px;
}

body.mobile .depositsList,
body.mobile .withdrawalsList {
  margin: 0 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.paymentMethod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 168px;
  height: 171px;
  border-radius: 10px;
  background-color: #1c2029;
  padding: 10px;
  margin: 6px;
}

body.mobile .paymentMethod {
  margin: 4px;
}

.paymentMethod .elementHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.paymentMethod .elementHeader .elementName {
  color: var(--primary-text);
  font-size: 10px;
}

.paymentMethod .elementHeader i {
  color: var(--primary-main);
  font-size: 19px;
}

.paymentMethod .elementImg {
  width: 100%;
  height: 113px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.depositsWithdrawalsConteiner img {
  width: 90%;
  max-height: 90%;
}

.depositsWithdrawalsConteiner h1 {
  font-size: 24px;
  color: var(--primary-text);
  margin: 0 0 15px 45px;
}

.paymentMethod .elementFooter {
  text-align: center;
}

.paymentMethod .elementFooter .transfer {
  color: var(--primary-text);
  opacity: 50%;
  font-size: 10px;
}

body.tablet .depositsWithdrawalsConteiner {
  margin-bottom: 400px;
}

body.tablet .framedform[data-content="deposit"] .framedcontent,
.framedform[data-content="deposit"] .framedcontent {
  max-width: 357px;
  padding: 15px;
}

.framedform[data-content="deposit"] .framedcontent .payment_amount {
  display: flex;
  gap: 5px;
  margin-bottom: 12px;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .exit,
.framedform[data-content="deposit"] .framedcontent .exit {
  float: right;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .paymentImgContainer,
.framedform[data-content="deposit"] .framedcontent .paymentImgContainer {
  margin: 35px 80px 20px;
  width: 62%;
  text-align: center;
}

body.mobile .framedform[data-content="deposit"] .framedcontent .paymentImgContainer {
  width: 50%;
  margin: 35px 75px 20px;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .paymentImgContainer img,
.framedform[data-content="deposit"] .framedcontent .paymentImgContainer img {
  width: inherit;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .payment,
.framedform[data-content="deposit"] .framedcontent .payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 16px;
}

body.mobile .framedform[data-content="deposit"] .framedcontent .payment {
  margin: 12px 0;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .payment .payment-info,
.framedform[data-content="deposit"] .framedcontent .payment .payment-info {
  text-align: left;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .type,
.framedform[data-content="deposit"] .framedcontent .type {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--primary-text);
  opacity: 40%;
  font-size: 12px;
  margin-bottom: 10px;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .types,
.framedform[data-content="deposit"] .framedcontent .types {
  text-align: left;
  margin: 0 18px 54px;
}

body.mobile .framedform[data-content="deposit"] .framedcontent .types {
  margin: 0 0px 54px;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .paymentTypes,
.framedform[data-content="deposit"] .framedcontent .paymentTypes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .paymentTypes div,
.framedform[data-content="deposit"] .framedcontent .paymentTypes div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .paymentTypes div img,
.framedform[data-content="deposit"] .framedcontent .paymentTypes div img {
  width: 57px;
  height: 34px;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .paymentTypes div span,
.framedform[data-content="deposit"] .framedcontent .paymentTypes div span {
  color: var(--primary-text);
  font-size: 12px;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .payment .payment-info div span,
.framedform[data-content="deposit"] .framedcontent .payment .payment-info div span {
  color: var(--primary-text);
  font-size: 16px;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .add-info,
.framedform[data-content="deposit"] .framedcontent .add-info {
  margin: 50px 16px 0;
  text-align: left;
  color: var(--primary-text);
}

body.mobile .framedform[data-content="deposit"] .framedcontent .add-info {
  margin: 50px 0 0;
}

body.tablet li.register a.button.white {
  color: #1d2129;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .add-info span,
.framedform[data-content="deposit"] .framedcontent .add-info span {
  font-size: 12px;
  opacity: 50%;
}

body.tablet .framedform[data-content="deposit"] .framedcontent .add-info p,
.framedform[data-content="deposit"] .framedcontent .add-info p {
  opacity: 60%;
  font-size: 14px;
  line-height: 20px;
}

/* .info-menu {
  display: none;
} */
body.desktop .menu.non-desktop {
  display: none;
}

body.desktop .header-menu {
  height: 56px;
  background: transparent -webkit-gradient(linear, left top, right top, from(#18499a), to(#343ebc)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(left, #18499a 0%, #343ebc 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #18499a 0%, #343ebc 100%) 0% 0% no-repeat padding-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* body.desktop .header-menu div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
} */

body.desktop .header-menu>div:first-child {
  width: 310px;
}

body.desktop.out .header-menu>div:first-child {
  width: 230px;
}

body.desktop .framedform[data-content="freespins"] .framedcontent .logoContent {
  float: left;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0;
  padding: 36px 36px 36px 36px;
  width: 320px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
  background: transparent radial-gradient(closest-side at 50% 50%, #00FFF5 0%, #3F56D6 100%) 0% 0% no-repeat padding-box;
}

body.desktop .framedform[data-content="freespins"] .framedcontent {
  flex-direction: row;
  max-width: 710px;
}

body.desktop .framedform[data-content="freespins"] .secondBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

body.desktop .framedform[data-content="freespins"] .freespinHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 27px 30px 0 34px;
}

body.desktop .framedform[data-content="freespins"] .freespinHeader .freespinsLines div {
  font-family: 'Roboto';
  font-size: 20px;
  line-height: 24px;
  color: #e6edf7cf;
}

body.desktop .framedform[data-content="freespins"] .freespinHeader .freespinsLines p.lines {
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 18px;
  color: #e6edf791;
}

body.desktop .framedform[data-content="freespins"] .freespinHeader .freespinsCount {
  font-family: 'Roboto';
  font-size: 20px;
  line-height: 24px;
  color: #e6edf7cf;
}

body.desktop .framedform[data-content="freespins"] .freespinsInfo {
  display: flex;
  margin: 0 23px 0 35px;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #e6edf791;
  font-weight: 500;
}

body.desktop .framedform[data-content="freespins"] .framedcontent .freespinsFooter {
  display: flex;
  justify-content: space-around;
}

body.desktop .framedform[data-content="freespins"] .framedcontent .freespinsFooter>* {
  width: 45%;
  display: flex;
  margin: 15px;
}


body.desktop ul.mainMenu {
  height: 100%;
  width: -o-calc(50% - 84px);
  width: calc(50% - 84px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.desktop header .mainMenu>li>a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: var(--disabled-text);
}

body.desktop header .horizontalMenu li.active a span {
  color: var(--primary-text);
}

body.desktop header .account .button {
  border-radius: 18px;
}

body.desktop div#reg-personal-id-ID>label.input-label.esp {
  top: 5px;
}

body.desktop header .account .login .button,
body.tablet header .account .login .button {
  font-weight: var(--fw-bold);
}

body.desktop header .account .login .button {
  width: 130px;
  height: 36px;
}

body.desktop header .account .register .button {
  font-size: 14px;
  font-weight: var(--fw-500);
  line-height: 12px;
  color: var(--primary-text);
  padding: 0;
  display: -ms-grid;
  display: grid;
  place-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-right: 0;
  margin-left: auto;
}

body.desktop header .account-info img {
  margin: 0 0 0 10px;
  width: 30px;
  height: 30px;
}

body.desktop header .account {
  margin: 0px;
}

body.desktop.in header .account {
  background: transparent -webkit-gradient(linear, left top, right top, from(#0968ea), to(#3f56d6)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(left, #0968ea 0%, #3f56d6 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #0968ea 0%, #3f56d6 100%) 0% 0% no-repeat padding-box;
  -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
}

body.desktop header .account ul {
  height: 100%;
  width: 300px;
  background: transparent -webkit-gradient(linear, left top, right top, from(#0968ea), to(#3f56d6)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(left, #0968ea 0%, #3f56d6 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #0968ea 0%, #3f56d6 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  -webkit-clip-path: polygon(11% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(11% 0, 100% 0, 100% 100%, 0% 100%);
}

body.desktop.in header .account::after,
body.desktop header .account ul.nav>li {
  margin-right: 6px;
  min-width: 77px;
  width: auto;
  height: 36px;
}

/**/
body.desktop.in header .account::after,
body.desktop header .account ul.nav>li {
  margin-right: 6px;
  min-width: 77px;
  width: auto;
  height: 36px;
}

@media(max-width:600px){
  body.mobile .nav .register a {
    padding: 4px !important;
  }

  body.mobile header .account ul.nav .login a{
    text-align: center;
  }
}

/**/

body header {
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
}

body.desktop header .account-info {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 4px 0 0 0;
  cursor: pointer;
}

body.desktop header .account-info>div {
  /* position: relative; */
  top: 12px;
  font-size: 14px;
  color: #e6f1ffe6;
}

body.desktop header .logoContent {
  width: 56px;
  height: 56px;
  position: relative;
}

body.desktop.password header .logoContent {
  width: 56px;
  height: 56px;
  position: relative;
  right: 48%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

body.desktop header .header-menu .account .nameAndBalace .userBalance {
  font-size: 16px;
  color: var(--primary-text);
  font-weight: var(--fw-bold);
  text-align: end;
}

body.desktop header .header-menu .account .nameAndBalace .userBalance>span {
  font-size: 12px;
  line-height: 14px;
  font-weight: var(--fw-500);
  color: var(--disabled-text);
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-left: 5px;
}

body.tablet header .header-menu .account .nameAndBalace .userBalance>span {
  margin-left: 5px;
}

body.desktop header .header-menu .account .nameAndBalace {
  position: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 2px;
}

body.tablet header .header-menu .account.loged {
  background: transparent -webkit-gradient(linear, left top, right top, from(#0968ea), to(#3f56d6)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(left, #0968ea 0%, #3f56d6 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #0968ea 0%, #3f56d6 100%) 0% 0% no-repeat padding-box;
  -webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 18px;
}

/* body.mobile.installable header .info-menu {
  margin-top: 50px;
} */

body.desktop header .info-menu {
  padding: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 38px;
  position: relative;
  width: 100%;
  background: var(--surface-background);
  border-bottom: 1px solid var(--surface-overlay);
  /* left: 78px; */
}

body.desktop header .help-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.desktop header .account-info div.user-name {
  color: #ffffffe6;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  font-weight: var(--fw-500);
}

body.desktop .msgIndic.icon.mobil {
  left: 13px;
  top: -12px;
  display: -ms-grid;
  display: grid;
  place-content: center;
}

body.mobile span.msgIndic.activePromosCount.icon.mobil {
  top: 5px;
  right: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.desktop header .mainMenu>li.active {
  font-style: italic;
  text-shadow: 0px 0px 6px var(--primary-main);
  font-weight: var(--fw-bold);
  color: var(--primary-text);
  line-height: 18px;
}

body.desktop header .mainMenu>li.active>a>i {
  color: var(--primary-main);
}

/* body.desktop header .mainMenu > li.active::after {
	height: 3px;
	width: 66px;
	background: var(--primary-main);
	border-radius: 3px 3px 0 0;
} */
body.desktop header .mainMenu>li.active::after {
  height: 4px;
  width: 100%;
  background: var(--primary-main);
  border-radius: 35px 35px 0 0;
  bottom: -8px;
}

body.desktop .info-menu .rightSide ul>li a {
  font-size: 14px;
  font-weight: var(--fw-500);
  line-height: 22px;
  color: var(--secondary-text);
}

body.desktop .info-menu .rightSide ul>li a i {
  width: 30px;
  height: 28px;
  background: var(--surface-surface);
  -webkit-box-shadow: 0px 3px 6px #0000001a;
  box-shadow: 0px 3px 6px #0000001a;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  padding: 6px;
  color: var(--primary-main);
  margin-right: 6px;
}

body.desktop .info-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 34px;
  /* background: #070b15; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  padding-left: 12px;
}

body.desktop .formfix .button,
body.tablet .formfix .button {
  height: 45px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.desktop .info-menu ul li>img {
  width: 25px;
  margin-left: 8px;
}

body.desktop .info-menu ul li.sbmnu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body.desktop .info-menu ul li.sbmnu i {
  font-size: 20px;
}

body.desktop .info-menu ul li.sbmnu span {
  margin-top: 5px;
  font-size: 12px;
  line-height: 12px;
}

body.desktop .info-menu select#language {
  width: 63px;
  height: 33px;
  border: var(--primary-text) 2px solid;
  border-radius: 10px;
  opacity: 0%;
  right: 11px;
  margin-left: 0;
  position: absolute;
  cursor: pointer;
}

.info-menu:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.desktop .info-menu ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

body.desktop .info-menu .rightSide {
  width: 310px;
}

body.desktop .info-menu ul li {
  list-style: none;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: max-content;
  /* text-shadow: 0px 0px 6px var(--primary-main); */
}

body.desktop .info-menu ul.adddr li a {
  gap: 6px;
}

body.desktop .info-menu ul li .gift-blue.svg {
  width: 17px;
  margin: 0px 10px 3px 0;
}

i.icon-help-in-circle {
  font-size: 20px;
  margin-right: 8px;
}

body.desktop .framedform[data-content="login"] .framedcontent {
  width: auto;
}

body.desktop form#login-form,
body.tablet form#login-form {
  padding: 0px;
  width: 423px;
}

body.mobile form#login-form {
  padding: 0px;
  width: 100%;
}

body form#login-form .login-footer,
body form.resetpwd .login-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 61px;
  background-color: #e6f1ff08;
  margin-top: 24px;
}

body form#login-form .login-footer .contact-us,
body form#login-form .login-footer .reg-link,
body form.resetpwd .login-footer .reg-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 1px solid #7070701a;
}

body form#login-form .login-footer .reg-link {
  width: 100%;
}

body form#login-form .login-footer .contact-us .no-profil,
body form#login-form .login-footer .reg-link .no-profil,
body form.resetpwd .login-footer .reg-link .no-profil {
  font-size: 12px;
  color: var(--disabled-text);
  font-weight: var(--fw-500);
}

body form#login-form .login-footer .contact-us,
body form.resetpwd .login-footer .contact-us {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body form#login-form .login-footer .contact-us img,
body form.resetpwd .login-footer .contact-us img {
  width: 18px;
  margin-right: 7px;
}

body.mobile form#login-form .formfix {
  width: 89%;
  margin: 0 auto;
  position: relative;
}

body.desktop form.resetpwd .formfix {
  margin: 0 50px;
}

body.tablet .login input[type="email"] {
  margin-bottom: 13px;
}

body.mobile .login .formfix input[type="password"]:nth-child(4) {
  margin-top: 39px;
}

body.mobile .login .formfix input[type="text"]:nth-child(4) {
  margin-top: 39px;
}

body.desktop .framedform[data-content="login"] .framedcontent,
body.tablet .framedform[data-content="login"] .framedcontent {
  width: 423px;
  height: auto;
}

body.mobile .framedform[data-content="login"] .framedcontent {
  width: min(100% - 26px, 348px);
  margin: 60px auto;
  height: auto;
  overflow: hidden;
  padding: 0;
  /* margin-top: 205px; */
}

body.desktop .framedform .framedcontent .formfix .block,
body.tablet .framedform .framedcontent .formfix .block {
  margin-top: 10px;
  margin-bottom: 43px;
}

body.mobile .framedform .framedcontent .formfix .block {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 42px;
  font-weight: var(--fw-bold);
}

body.mobile form#login-form .formfix .login.blue-white {
  width: 100%;
  height: 45px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.desktop .resetpwd p {
  text-align: center;
  margin-bottom: 30px;
  color: #e6f1ff99;
  font-size: 12px;
  font-weight: var(--fw-500);
  line-height: 16px;
}

body.mobile form div.inpError body.tablet form div.inpError body.desktop form div.inpError {
  height: 0px;
  background-color: transparent;
  color: var(--error-main);
  padding: 0 0 0 0px;
  line-height: 25px;
}

body.desktop form.resetpwd div.inpError {
  height: 10px;
}

i.attentionError {
  position: absolute;
  color: var(--error-main);
  font-size: 22px;
  top: 19px;
  right: 14px;
}

body i.icon-blue-tick.done {
  color: #35ab15;
  font-size: 20px;
  position: absolute;
  top: 19px;
  right: 14px;
}

body.desktop .resetpwd h1 {
  margin: 50px 0 30px;
  font-size: 24px;
  color: #e6f1ffcc;
  font-weight: var(--fw-bold);
  line-height: 28px;
}

body.desktop .framedform .framedcontent .formfix .block span,
body.tablet .framedform .framedcontent .formfix .block span {
  cursor: pointer;
}

body.desktop .framedform[data-content="reset-password"] .framedcontent {
  width: 423px;
  max-width: 423px;
  padding: 0px;
  height: auto;
}

body.desktop .framedform[data-content="reset-password"] .button {
  margin: 0 0 38px 50%;
  -webkit-transform: translate(-50%, 25%);
  -ms-transform: translate(-50%, 25%);
  transform: translate(-50%, 25%);
}

body.desktop .framedform[data-content="reset-password"] .framedcontent .bday select {
  padding-left: 8px;
  font-size: 18px;
  font-weight: var(--fw-500);
  color: #e6f1ffcc;
}

body.desktop form#register-form .formfix .button-container {
  position: relative;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

body.desktop form#register-form .formfix .button-container .back,
body.desktop form#register-form .formfix .button-container .next,
body.desktop form#register-form .formfix .button-container .submit {
  max-width: 208px;
}

body.desktop form#register-form .formfix .button-container .disabledSubmitButton,
body.desktop form#register-form .formfix .button-container .blue-white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 208px;
  text-align: center;
  border-radius: 5px;
}

body.desktop form#register-form .formfix .button-container a.back.gray {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-left: 0px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

body.desktop form#register-form .formfix .button-container a.back.gray .icon-arrow-left {
  padding: 0 14px 0 0;
}

body.desktop form#register-form .formfix h1 {
  font-size: 24px;
  font-weight: var(--fw-bold);
  color: var(--primary-text);
}

body.desktop #register-form .formfix .stage {
  display: none;
}

body.desktop form#register-form .desktopLeftSide {
  width: 330px;
  padding: 99px 0 35px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #1c202980;
  -webkit-box-shadow: 0px 3px 6px #00000000;
  box-shadow: 0px 3px 6px #00000000;
}

body.desktop form#register-form .desktopLeftSide .leftStage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body.desktop form#register-form .desktopLeftSide .leftStage .firstТhird {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.desktop form#register-form .desktopLeftSide .leftStage .firstТhird div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  border: 2px solid var(--surface-overlay);
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  color: var(--disabled-text);
}

body.desktop form#register-form .desktopLeftSide .leftStage i.icon-blue-tick {
  color: var(--primary-main);
  text-align: center;
  font-size: 30px;
}
body.desktop form#register-form .firstТhird {
  display: flex;
}
body.desktop form#register-form .firstТhird div {
  border: 2px solid var(--disabled-text);
  width: 30px;
  height: 30px;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
}

body.desktop form#register-form .firstТhird.selected div {
  background: var(--primary-main) 0% 0% no-repeat padding-box;
  /* -webkit-box-shadow: 0px 0px 6px var(--secondary-main); */
  box-shadow: 0px 0px 6px var(--secondary-main);
  border: 2px solid var(--primary-main);
  color: var(--surface-surface);
}

body.desktop form#register-form .firstТhird.selected span {
  color: var(--primary-text);
}

body.desktop form#register-form .desktopLeftSide .leftStage span {
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: var(--disabled-text);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 14px;
}

body.mobile form#register-form .leftStageFooter span,
body.desktop form#register-form .desktopLeftSide .leftStageFooter span {
  font-size: 14px;
  color: #e6f1ffcc;
  font-weight: 600;
  line-height: 20px;
}

body.tablet form#register-form .leftStageFooter span.logIn,
body.mobile form#register-form .leftStageFooter span.logIn,
body.desktop form#register-form .desktopLeftSide .leftStageFooter span.logIn {
  color: var(--primary-main);
  margin-left: 13px;
  cursor: pointer;
}

body.tablet #register-form .leftStageFooter {
  margin: 34px 0 24px 0;
}

body.desktop form#register-form .desktopLeftSide .leftStage .between {
  border: 1px solid var(--surface-overlay);
  width: 0px;
  height: 40px;
  margin-left: 14px;
}

body.desktop form#register-form .formfix {
  width: 577px;
  margin: 27px 50px 35px 52px;
  height: 680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body.desktop form#register-form[current-step="2"] .formfix {
  width: 577px;
  margin: 27px 50px 35px 52px;
  max-height: 1100px;
  min-height: 1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

body.desktop form#register-form[current-step="2"] .formfix::-webkit-scrollbar {
  padding: 0px;
  width: 9px;
  height: 0px;
}

body.desktop form#register-form[current-step="2"] .formfix::-webkit-scrollbar-thumb {
  background: var(--primary-main);
  border-radius: 6px;
}

body.mobile #reg-personal-id-DOC.error i.inpError.attentionError {
  right: 16px;
  top: 19px;
  z-index: 1;
}

body.mobile #reg-personal-id-DOC.error span:nth-child(5) {
  top: 82px;
  left: -131px;
}

body.desktop form#register-form div[data-step="1"] .form-group {
  position: relative;
}

body.mobile #register-form>div.formfix div[data-step="2"]>div.error:nth-child(1)>span.attentionError,
body.mobile #register-form>div.formfix div[data-step="1"]>div.error:nth-child(1)>span.attentionError {
  top: 20px;
  left: 293px;
}

body.desktop #register-form>div.formfix div[data-step="1"]>div.error:nth-child(1)>span.attentionError {
  top: 17px;
  left: 538px;
}

body.mobile #register-form>div.formfix div[data-step="2"]>div.error:nth-child(2)>span.attentionError {
  top: 20px;
  left: 293px;
}

body.mobile #register-form>div.formfix div[data-step="1"]>div.error:nth-child(2)>span.attentionError {
  top: 27px;
  left: 293px;
}

body.desktop #register-form>div.formfix div[data-step="1"]>div.error:nth-child(2)>span.attentionError {
  top: 34px;
  left: 210px;
}

body.mobile #register-form>div.formfix div[data-step="2"] #reg-personal-id-EGN.error i.inpError.attentionError {
  top: 21px;
  right: 16px;
  z-index: 1;
}

body.mobile #register-form>div.formfix div[data-step="1"]>div.error:nth-child(3)>span.attentionError {
  top: 19px;
  left: 293px;
}

body.desktop #register-form>div.formfix div[data-step="1"]>div.error:nth-child(3)>span.attentionError {
  top: 30px;
  left: 239px;
}

body.mobile #register-form>div.formfix div[data-step="2"] .iti.iti--allow-dropdown.iti--separate-dial-code.error span.attentionError {
  top: 20px;
  left: 274px;
}

body.mobile #register-form>div.formfix div[data-step="1"]>div.error:nth-child(4)>span.attentionError {
  top: 19px;
  left: 293px;
}

body.desktop #register-form>div.formfix div[data-step="1"]>div.error:nth-child(4)>span.attentionError {
  top: 33px;
  left: 538px;
}

body.desktop form#register-form div[data-step="2"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(2),
body.desktop form#register-form div[data-step="2"] .form-group:nth-child(1) {
  width: 47.5%;
  position: relative;
}

body.desktop #register-form>div.formfix div[data-step="2"] #reg-personal-id-EGN.error span.inpError.attentionError {
  left: 438px;
  top: 31px;
}

body.desktop #register-form>div.formfix div[data-step="2"]>div.error:nth-child(2)>span.attentionError,
body.desktop #register-form>div.formfix div[data-step="2"]>div.error:nth-child(1)>span.attentionError {
  top: 31px;
  left: 238px;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(3) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 35px 0;
  width: 100%;
  /* height: auto; */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 56px;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(3).inptg {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: unset;
  width: 20.5%;
}

body.desktop form#register-form div[data-step="2"] .form-group.show-Other.show-PNF {
  margin: 0;
  width: 21%;
}
select#reg-gender-select {
  width: 100%;
  max-height: 56px;
  height: 100%;
  border-radius: 5px 5px 0 0px;
  padding: 0px 0 0 10px;
  appearance: none;
  margin: 0;
  z-index: 2;
  cursor: pointer;
  outline: none;
  border: none;
  border-bottom: 1px solid var(--primary-border-bot);
  color: var(--secondary-text);
  white-space: break-spaces;
  background-color: #e6f1ff33;
}

body.desktop select#reg-gender-select {
  max-width: 120px;
}

body.mobile form#register-form div[data-step="2"] .form-group:nth-child(3).inptg {
  margin-bottom: 27px;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(3) .container-wrapper {
  width: 47.5%;
  max-height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.tablet form#register-form div[data-step="2"] .form-group:nth-child(3) .container-wrapper {
  width: 100%;
  max-height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 27px;
}

body.mobile form#register-form div[data-step="2"] .form-group:nth-child(3) .container-wrapper {
  width: 100%;
  max-height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 27px;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(3)>.left {
  display: none;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(3) #reg-personal-id-type-select {
  width: 100%;
  max-width: 101px;
  border-radius: 5px 0 0 0px;
  padding-top: 0px;
  appearance: none;
  margin: 0;
  z-index: 2;
  cursor: pointer;
  outline: none;
  border: none;
  border-bottom: 1px solid var(--primary-border-bot);
  color: var(--secondary-text);
  white-space: break-spaces;
}

body.desktop form#register-form div[data-step="2"] .iti__selected-flag .icon-arrow,
body.desktop form#register-form div[data-step="2"] .form-group:nth-child(3) i.icon-arrow {
  position: absolute;
  font-size: 6px;
  color: var(--primary-text);
  top: 26px;
  left: 74px;
}
body.desktop form#register-form div[data-step="2"] .iti__selected-flag .icon-arrow,
body.desktop form#register-form div[data-step="2"] .form-group.show-Other.show-PNF i.icon-arrow {
  left: unset;
  right: 6px;
}

.show-Other label.select-label {
  left: 10px;
}
body.desktop .show-Other label.select-label {
  left: unset;
  right: 70px;
}

body.desktop form#register-form div[data-step="2"] .iti__selected-flag .icon-arrow {
  left: 71px;
  top: 50%;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(3) #reg-personal-id-EGN {
  /* position: absolute; */
  width: 100%;
  border-radius: unset;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(3) #reg-personal-id-DOC>span,
body.desktop #register-form div[data-step="2"] .form-group:nth-child(4) span.left:nth-child(1),
body.desktop #register-form>div.formfix div[data-step="2"] #reg-personal-id-EGN span.left {
  left: 0;
  padding: 0;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(3) #reg-personal-id-DOC {
  width: 100%;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(3) #reg-personal-id-DOC input,
body.desktop form#register-form div[data-step="3"] .form-group:nth-child(1) #reg-referral-login-input,
body.desktop form#register-form div[data-step="2"] .form-group:nth-child(3) #reg-personal-id-EGN input,
body.desktop form#register-form div[data-step="2"] .form-group:nth-child(2) input,
body.desktop form#register-form div[data-step="2"] .form-group:nth-child(1) input,
body.desktop form#register-form div[data-step="1"] .form-group:nth-child(3) input,
body.desktop form#register-form div[data-step="1"] .form-group:nth-child(2) input,
body.desktop form#register-form div[data-step="3"] .form-group:nth-child(2) #reg-currencies {
  max-width: -webkit-fill-available;
  max-width: fill-available;
  max-width: -moz-available;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(3) #reg-personal-id-DOC #reg-personal-id-DOC-input {
  border-radius: 0px 5px 5px 0px;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(4) {
  width: 100%;
  margin-bottom: 35px;
  margin-top: 10px;
  height: auto;
}

body.mobile form#register-form div[data-step="2"] .form-group:nth-child(4) {
  height: auto;
}

body.mobile form#register-form div[data-step="2"] .form-group.show-Other.show-PNF {
  margin-bottom: 0;
  height: 56px;
  width: 100%;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(5) {
  position: relative;
  margin: 0px 0 30px 0;
  width: 100%;
}

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(6) {
  width: 100%;
  margin-top:30px;
}


body.desktop form#register-form div[data-step="2"] .form-group:nth-child(5) #reg-marketing-code-input {
  border: 0px solid #e6edf70d;
  background-color: transparent;
  border-bottom: 2px solid var(--surface-overlay);
  border-radius: 0;
  width: 332px;
}

body.desktop form#register-form div[data-step="3"] .form-group:nth-child(1) {
  width: 100%;
  grid-row: 1;
  grid-column: 1 / 5;
  height: auto;
}

body.desktop form#register-form div[data-step="3"] .form-group:nth-child(1) span.left {
  display: none;
}

body.desktop form#register-form div[data-step="3"] .form-group:nth-child(2) {
  width: 152px;
  bottom: 87px;
}

body.desktop form#register-form div[data-step="3"] .form-group:nth-child(3) {
  bottom: 71px;
}

body.desktop #reg-marketing-code-input::placeholder,
body.desktop #reg-marketing-code-input::-webkit-input-placeholder {
  font-size: 18px;
  color: var(--surface-overlay);
  font-weight: 600;
}

body.desktop form div[data-step="3"] ::placeholder,
body.desktop form div[data-step="3"] ::-webkit-input-placeholder {
  font-size: 16px;
  color: var(--surface-overlay);
  font-weight: 600;
}

body.desktop .info-menu img.giftOnHeader {
  width: 17px;
  height: 17px;
  margin: 0 7px 3px 0;
}

body.desktop .info-menu img.headphonesOnHeader {
  width: 18px;
  height: 15px;
  margin: 0 7px 0px 0;
}

body.desktop header .logo {
  height: 45px;
}

body option {
  background-color: var(--surface-surface);
  border: none;
}

body.desktop .framedform .framedcontent form .form-group .phoneInfo {
  position: relative;
  top: 5px;
  color: var(--disabled-text);
  font-size: 12px;
}

body.mobile #change-password input,
body.tablet #change-password input {
  height: 60px;
  padding-top: 17px;
}

body.desktop .register div[data-step="2"]input[type="text"],
body.desktop .register div[data-step="2"]input[type="text"],
body.desktop .register input[type="number"],
body.desktop .register input[type="date"],
body.desktop .register select {
  height: 60px;
  color: var(--primary-text);
  font-weight: 600;
  padding-top: 14px;
  padding-left: 14px;
  width: 575px;
  margin: 0px auto 13px;
}

body.tablet #edit-user-info>div:nth-child(1)>div:nth-child(3) {
  display: none;
}

body.mobile.account #edit-user-info .panel.panel-default:nth-child(1) .form-group:nth-child(4) {
  position: absolute;
  bottom: -80px;
  width: 100%;
}

@media only screen and (max-width: 812px) {

  /* body.mobile #edit-user-info .panel.panel-default:nth-child(1) .form-group:nth-child(4) {
      top: 699px;
  } */
  body.mobile table#wallet-table thead .historyHeader {
    width: 708px;
  }
}

body.tablet #edit-user-info .panel.panel-default:nth-child(1) .form-group:nth-child(4) {
  position: absolute;
  top: 402px;
  width: 527px;
}

a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

body.desktop .info-menu ul li a,
body.desktop .info-menu ul li a:active,
body.desktop .info-menu ul li a:visited,
body.desktop .info-menu ul li a:hover,
body.desktop .info-menu .help-content a {
  color: var(--secondary-text);
  text-decoration: none;
  /* text-shadow: 0px 0px 6px var(--primary-main); */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.desktop .info-menu ul li.active a span {
  color: var(--primary-text);
  /* text-shadow: 0px 0px 6px var(--primary-main); */
}

body.desktop .info-menu ul li a>span {
  font-size: 14px;
  line-height: 18px;
  color: var(--secondary-text);
  /* margin-top: 5px; */
  width: max-content;
}

body .framedcontent .user-menu .user-body>a {
  position: absolute;
  top: 15px;
  right: 15px;
}

body .user-menu .vip .loyalty-program {
  max-width: 348px;
  height: 72px;
  margin: 11px auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

body.desktop .user-menu .loyalty-program {
  width: auto;
  height: 62px;
  margin: 22px 14px;
  cursor: pointer;
}

body.desktop .user-menu {
  width: auto;
  margin: 0;
  padding: 0px;
  background-color: #1c2029;
}

body.desktop .user-menu .user-data {
  width: 60%;
  margin: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: start;
}

body.desktop .user-menu .user-menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 73px;
  background-color: var(--surface-surface);
}

body.desktop .user-menu .user-body {
  overflow: auto;
}

body.tablet .user-menu .user-body {
  overflow: auto;
  height: 494px;
  background-color: #1d2129;
  -webkit-box-shadow: inset -4px -5px 16px -7px #000000d4;
  box-shadow: inset -4px -5px 16px -7px #000000d4;
}

.user-menu .user-body::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

body.desktop .user-menu .user-menu-header .show-balance img {
  width: 17px;
}

body.desktop .user-menu ul {
  margin: 0px 22px 0;
}

body.desktop .user-menu ul>li {
  font-size: 14px;
  line-height: 20px;
  color: var(--secondary-text);
  opacity: 100%;
  margin-bottom: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: transparent;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  height: auto;
}

body.desktop .user-menu ul>li .msgIndic,
body.desktop .user-menu ul>li .activePromosCount {
  position: relative;
  bottom: 0px;
  right: 0px;
  display: none;
}

body .user-menu ul>li i {
  width: 28px;
  font-size: 24px;
  margin: 0 15px 0 0;
  color: var(--primary-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.tablet .user-menu ul>li i {
  margin: unset;
}

body.desktop .user-menu ul li[data-type="notificaciones"]>i {
  font-size: 20px;
}

body.mobile .user-menu ul>li i {
  margin: 0;
}

body.desktop .user-menu .user-bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  min-height: 51px;
  height: auto;
  margin: 8px 0 30px 0;
  position: relative;
}

body.desktop .user-menu .user-bonus .bonus-name,
.user-menu .user-bonus .withdrawal {
  /* display: inline; */
  font-size: 14px;
  color: var(--secondary-text);
  line-height: 18px;
}

body.desktop .user-menu .user-bonus .accordions .bonus-name {
  font-size: 12px;
  color: #e6edf766;
  line-height: 16px;
}

body.desktop .user-menu .user-bonus .accordions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #15171dcc;
  height: 0px;
  width: 100%;
}

body.desktop .user-menu .user-bonus .bonus {
  width: 85%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 27px;
}

body.desktop .user-menu .user-bonus .accordions .bonus {
  width: 85%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

body.desktop .user-menu .user-bonus .toggle-user-bonus {
  display: none;
}

body.desktop .user-menu .level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 6px;
  width: 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.desktop .user-menu .levelInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: end;
  width: 60%;
  margin-top: 17px;
}

body.desktop .user-menu .levelInfo .userPoints {
  font-size: 10px;
  color: #e4edf899;
}

body.desktop .user-menu .levelInfo .slider {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background-color: #e6f1ff1a;
}

body.desktop .user-menu .levelInfo .slider .fill-slider {
  height: 5px;
  border-radius: 5px;
  background-color: #1d97fb;
  max-width: 100%;
}

body.desktop .user-menu .loyalty-program .loyalty-level {
  padding: 8px 0;
  text-align: unset;
  /* width: 100%; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* body.desktop .userMenu {
  width: 233px;
  background-color: var(--surface-surface)33;
  padding-top: 21px;
  height: 708px;
  position: absolute;
} */
body.desktop .userMenu {
  width: 233px;
  background-color: var(--surface-surface);
  height: 100%;
  min-height: 312px;
  /* position: absolute; */
  z-index: 4;
  top: 57px;
  padding-top: 21px;
}

body.desktop .simplePageContainer.depositsWithdrawalsPage .userMenu {
  padding: 0;
}

body.desktop .userMenu>div {
  position: sticky;
  top: 116px;
}

body.desktop .historyTab .headerMenu .userMenu {
  height: 100%;
}

body.tablet.wallet .walletTab {
  max-width: 708px;
  margin: 0 auto;
}

body.desktop .userMenu h3 {
  font-size: 14px;
  font-style: italic;
  /* border-left: 2px solid var(--primary-main); */
  padding-left: 7px;
  margin: 0 0 15px 20px;
  line-height: 18px;
  position: relative;
}

body.desktop .userMenu h3::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: -7px;
  width: 2px;
  height: 100%;
  background-color: var(--primary-main);
  -webkit-box-shadow: 0px 0px 6px var(--primary-main);
  box-shadow: 0px 0px 6px var(--primary-main);
  border-radius: 2px;
}

body.desktop .userMenu ul {
  list-style: none;
  padding: 0px;
}

body.desktop .userMenu ul>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 43px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 213px;
  margin: 0 auto;
}

body.desktop .userMenu ul>li.activMenu {
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  background-color: var(--surface-overlay);
}

body.desktop .userMenu ul>li img,
body.desktop .userMenu ul>li i {
  font-size: 17px;
  margin: 0 18px;
  opacity: 70%;
  width: 20px;
  display: -ms-grid;
  display: grid;
  place-content: center;
}

body.desktop .userMenu ul>li.activMenu i {
  opacity: 100%;
}

body.desktop .userMenu ul>li.activMenu i {
  color: var(--primary-main);
}

body.desktop .userMenu ul>li a {
  font-size: 14px;
  color: var(--secondary-text);
}

body.desktop .userMenu ul>li.activMenu a {
  color: var(--primary-text);
}

body.desktop .menuConteiner>div {
  display: flex;
  margin: 0 auto 0;
  width: 100%;
  justify-content: flex-start;
}
body.desktop .simplePageContainer>.menuConteiner>div {
  display: block;
  margin: 0 auto 0;
  width: 100%;
  justify-content: flex-start;
}
body.desktop .customer-service .menuConteiner {
  flex-direction: column;
}

body.desktop .customer-service .menuConteiner>div {
  display: block;
}

body[page="wallet"] #bonusContainer {
  display: flex;
  flex-direction: row-reverse;
}
body.desktop .menuConteiner table#help-table {
  width: 100%;
}


body.desktop .messagesConteiner .messages {
  margin: 0 0 8px;
  /* cursor: pointer; */
  height: 80px;
  cursor: pointer;
}

.messagesConteiner .messages .msg-info {
  width: 100%;
}

/* body.desktop .messagesConteiner .messages .showMessages {
  color: var(--primary-main);
  font-size: 16px;
  font-weight: 600;
  margin: 30px;
} */
.messagesConteiner .messages .showMessages {
  color: var(--primary-main);
  font-size: 16px;
  font-weight: 600;
  margin: 0 27px 0 32px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  cursor: pointer;
}

/* body.desktop .messagesConteiner .messages .msg-info>span {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
} */
body.desktop .messagesConteiner .messages .msg-info>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.messagesConteiner .newMessages .messages .new {
  width: 39px;
  height: 17px;
  font-size: 10px;
  color: var(--primary-text);
  background: var(--secondary-main) 0% 0% no-repeat padding-box;
  border-radius: 9px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 11px;
  vertical-align: bottom;
}

body.mobile .messagesConteiner .messages {
  width: 100%;
  height: 82px;
  margin: 0 0 10px 0;
}

body.desktop.account #edit-user-info {
  width: 100%;
  display: block;
}

body.tablet #change-password {
  width: 348px;
}

body.desktop.account .tab.limits,
body.desktop.account .tab.password {
  width: 100%;
}

.menuConteiner .walletMenu a[tab="userInfo"] {
  white-space: nowrap;
}

body.desktop.account #change-password {
  height: 690px;
  width: 100%;
  /* max-width: 452px; */
  margin: 0;
}

body.desktop #edit-user-info .panel-default:nth-child(1) {font-size: 0;}

body.desktop #edit-user-info .panel-default:nth-child(1) .form-group:nth-child(2) {
  width: 50%;
  display: inline-block;
  padding: 5px;
}

body.desktop #edit-user-info .panel-default:nth-child(1) .form-group:nth-child(3) {
  width: 50%;
  display: inline-block;
  padding: 5px;
}

body.tablet .accountTab {
  height: 799px;
}

body.mobile .userInfo .loyalty-program {
  width: 100%;
  border: 1px solid #e6f1ff0d;
  margin: 0 auto;
  margin-bottom: 5px;
  margin-top: 38px;
}

body.tablet .userInfo .loyalty-program {
  margin: 37px auto;
}

body.account .userInfo .loyalty-program {
  width: 682px;
  height: 60px;
  border-radius: 5px;
  border: 2px solid var(--surface-overlay);
  margin: 37px calc(50% - 233px) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px;
  margin-bottom: 7px;
  cursor: pointer;
}

body.tablet .userInfo .loyalty-program {
  width: 527px;
  height: 60px;
  border-radius: 5px;
  border: 2px solid var(--surface-overlay);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px;
  margin-top: 45px;
}

body.desktop .userInfo .loyalty-program .loyaltyLogoConteiner {
  width: 15%;
}

body.desktop .userInfo .loyalty-program .loyaltyLevelConteiner {
  width: 75%;
}

body .userInfo .loyalty-program i.icon-Info {
  font-size: 25px;
  color: var(--primary-main);
  cursor: pointer;
}

.userInfo .loyalty-program img {
  width: 98px;
  height: 46px;
  opacity: 0.6;
}

body.desktop .userInfo .loyalty-program h4 {
  margin: 0px;
}

body.desktop .userInfo .loyalty-program span,
body.tablet .userInfo .loyalty-program span {
  font-size: 12px;
  color: var(--disabled-text);
  font-weight: var(--fw-500);
}

body.desktop #edit-user-info .panel-default:nth-child(1) .form-group:nth-child(4) {
  display: block;
  padding: 5px;
}

body.desktop #edit-user-info .panel-default:nth-child(2) {
  position: relative;
  font-size: 0;
}

body.desktop #edit-user-info .panel-default:nth-child(2) .form-group:nth-child(2) {
  width: 50%;
  display: inline-block;
  padding: 5px;
}

body.desktop #edit-user-info .panel-default:nth-child(2) .form-group:nth-child(3) {
  width: 50%;
  display: inline-block;
  padding: 5px;
}

body.desktop #edit-user-info .panel-default:nth-child(2) .form-group:nth-child(4) {
  width: 50%;
  position: relative;
  display: inline-block;
}

body.desktop #edit-user-info .panel-default:nth-child(2) .form-group:nth-child(7) {
  width: 337px;
  position: relative;
  bottom: 192px;
  left: 344px;
}

body.desktop #edit-user-info .panel-default:nth-child(2) .form-group:nth-child(8) {
  display: block;
  padding: 5px;
}

body.mobile #edit-user-info .panel-default:nth-child(3),
body.tablet #edit-user-info .panel-default:nth-child(3),
body.desktop #edit-user-info .panel-default:nth-child(3) {
  position: relative;
  bottom: -63px;
}

/* body.mobile #edit-user-info .form-group input,
body.tablet #edit-user-info .form-group input {
  height: 60px;
  padding-top: 17px;
} */

body.mobile form#edit-user-info .panel.panel-default:nth-child(3) .form-group,
body.tablet form#edit-user-info .panel.panel-default:nth-child(3) .form-group,
body.desktop form#edit-user-info .panel.panel-default:nth-child(3) .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body.mobile.account form#edit-user-info .panel span.confirmPass {
  top: 0;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-top: 16px;
}

body.tablet form#edit-user-info .panel span.confirmPass,
body.desktop form#edit-user-info .panel span.confirmPass {
  top: 0;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-top: 16px;
}

body.mobile form#edit-user-info .panel.panel-default .form-group-buttons,
body.tablet form#edit-user-info .panel.panel-default .form-group-buttons,
body.desktop form#edit-user-info .panel.panel-default .form-group-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body.desktop form#edit-user-info .panel.panel-default .form-group-buttons {
  margin-top: 16px;
}

form#edit-user-info button {
  margin: 0 auto;
}

body #edit-user-info .panel-default .edit input {
  cursor: pointer;
  border: 2px solid var(--surface-surface);
}

#edit-user-info input.form-control.error,
body.mobile #edit-user-info input.form-control.error,
body.mobile #edit-user-info .panel-default .edit input.error,
body.tablet #edit-user-info input.form-control.error,
body.tablet #edit-user-info .panel-default .edit input.error,
body.desktop #edit-user-info .panel-default .edit input.error {
  border: 2px solid var(--error-main);
}

/* body.desktop #change-password .form-group:nth-child(2) label {
  top: 50px;
} */
/* body.mobile #change-password .form-group:nth-child(1) label,
body.tablet #change-password .form-group:nth-child(1) label,
body.desktop #change-password .form-group:nth-child(1) label {
  top: 35px;
} */
/* body.desktop.account .framedform[data-content="message"] .framedcontent .iframemassage {
  padding: 12px;
  width: 278px;
  display: flex;
  flex-direction: column;
  align-items: center;
} */
body.desktop.inbox .framedform[data-content="message"] .framedcontent {
  width: 460px;
}

/* body.desktop.account .framedform[data-content="message"] .framedcontent {
  width: 278px;
} */
body.mobile.inbox .framedform[data-content="messages"] .framedcontent {
  width: 95.5%;
  /* height: 597px; */
}

body.tablet.inbox .framedform[data-content="messages"] .framedcontent {
  max-width: 529px;
}

body.desktop.inbox .framedform .framedcontent .iframemassage.noPadding {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body.inbox .framedform .framedcontent hr {
  display: none;
}

body.inbox .framedcontent .buttonsMessages {
  margin: auto 0 0 0;
  background: var(--surface-surface);
  height: 70px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* border-top: 1px solid #e6f1ff1a; */
}

body.tablet.inbox .framedcontent .buttonsMessages {
  border-top: none;
}
body.desktop .menuConteiner {
  display: flex;
  flex-direction: column-reverse;
}
body.desktop .simplePageContainer > .menuConteiner {
  flex-direction: column;
}
.simplePageContainer .menu,
body.desktop .menuConteiner {
  margin: 25px auto 0;
  width: calc(100% - 30px);
  max-width: 680px;
}
body[page="wallet"].desktop .menuConteiner {
  flex-direction: column;
}

body.desktop .menuConteiner .desktopMenu {margin-right: auto;display: flex;flex-direction: column;}

body.desktop .menuConteiner .contactUsTab .contactUs .desktopMenu span,
body.desktop .menuConteiner .desktopMenu span {
  font-size: 12px;
  color: var(--disabled-text);
  line-height: 16px;
  font-weight: var(--fw-500);
}

/* Start 30.11 help tab */
body.desktop .menuConteiner .desktopMenu h4 {
  font-size: 18px;
  color: var(--primary-text);
  line-height: 20px;
  font-style: italic;
  font-weight: var(--fw-bold);
  margin: 3px 0 0 0;
}

body.desktop .contactUsTab .menu span.menuTitle {
  color: var(--primary-text);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  margin-bottom: 3px;
}

body.desktop .contactUsTab .menu span.page {
  font-size: 18px;
  line-height: 20px;
  font-style: italic;
  margin-bottom: 27px;
  font-weight: var(--fw-bold);
}

.contactUs .contactUsTabMethod span {
  color: #e4edf8cc;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0px;
  margin-top: 24px;
  font-weight: var(--fw-bold);
}

.contactUs .contactUsTabMethod p {
  font-size: 14px;
  line-height: 19px;
  color: var(--disabled-text);
  letter-spacing: 0px;
  text-transform: none;
  margin-top: 6px;
  font-weight: var(--fw-500);
}

body.desktop .contactUsTab .contactUs .contactUsTabMethod:nth-child(2) .contactUsInfo>p {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  max-width: 166px;
  margin: 9px auto 16px;
}

body.tablet .contactUsTab .contactUs .contactUsTabMethod:nth-child(2) .contactUsInfo>p {
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  max-width: 136px;
  margin: 7px auto 13px;
}

body.desktop .contactUsTab .contactUs .contactUsTabMethod {
  width: 222px;
  padding-top: 28px;
  /* background-color: #1d2129; */
  margin: 0;
  /* justify-content: start; */
}

.contactUsTab .contactUs .contactUsTabMethod {
  padding: 12px;
}

.payment-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}

.payment-content .vip-payment {
  width: 160px;
  height: 160px;
  border-radius: 10px;
  background-color: #e6f1ff0d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px;
  margin: 4px;
}

.payment-content .vip-payment .vip-payment-type p {
  font-size: 10px;
  margin: 0;
  opacity: 100%;
  text-align: left;
  color: var(--primary-text);
}

.payment-content .vip-payment:first-child .vip-payment-logo {
  margin: 28px auto 3px;
}

.payment-content .vip-payment .vip-payment-logo {
  text-align: center;
  margin: 5px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.payment-content .vip-payment:first-child .vip-payment-logo img {
  width: 123px;
  height: 50px;
}

.payment-content .vip-payment .vip-payment-logo img {
  width: 71px;
  height: 71px;
}

.payment-content .vip-payment .vip-payment-info {
  margin-top: 15px;
}

/* body.mobile .loyaltyProgramContainer.vipProgram .payment-content .vip-payment .vip-payment-info p {
font-size: 14px;
text-align: center;
margin: 0 0 4px;
opacity: 100%;
color: var(--primary-text);
} */
.payment-content .vip-payment .vip-payment-info span {
  font-size: 10px;
  display: block;
  text-align: center;
  color: #e4edf899;
  opacity: 60%;
}

body.mobile .user-menu .level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 6px;
  width: 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

body.mobile .user-menu .levelInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: end;
  width: 60%;
  margin-top: 17px;
}

body.mobile .user-menu .levelInfo .userPoints {
  font-size: 10px;
  color: #e4edf899;
}

body.tablet .user-menu .levelInfo .slider,
body.mobile .user-menu .levelInfo .slider {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background-color: #e6f1ff1a;
}

body.tablet .user-menu .levelInfo .slider .fill-slider,
body.mobile .user-menu .levelInfo .slider .fill-slider {
  height: 5px;
  border-radius: 5px;
  background-color: #1d97fb;
  max-width: 100%;
}

body.mobile .user-menu .loyalty-program .loyalty-level {
  padding: 8px 0;
  text-align: unset;
  /* width: 100%; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.tablet .user-menu .loyalty-program .loyalty-level {
  /* width: 100%; */
  padding: 8px 0;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.tablet .user-menu .loyalty-program .loyalty-level .levelInfo {
  width: 100%;
  margin-left: 15px;
}

body.desktop .header-menu .account .button.depositHeader {
  width: 88px;
  height: 36px;
  border-radius: 18px;
  font-weight: var(--fw-bold);
  margin-right: 14px;
}

body.tablet .vip-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px;
}

body.tablet .vip-images img {
  width: 67px;
}

body.tablet .bonus-info {
  margin: 9px 0px;
}

body.tablet .bonus-info h5 {
  margin: 0;
  color: var(--primary-text);
  font-size: 14px;
  text-align: left;
}

body.tablet .bonus-info p {
  font-size: 10px;
  text-align: left;
  color: #e4edf8;
  opacity: 90%;
  margin: 4px 0;
}

body.tablet .bonus-procent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 7px 8px 27px 0;
}

body.tablet .bonus-procent p {
  color: var(--primary-text);
  font-size: 20px;
  text-shadow: 0px 0px 6px var(--secondary-main) 9b;
  font-weight: 900;
  font-style: italic;
  margin: 9px 0 0 0;
  text-align: center;
}

body.tablet .vip-bonuses-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 322px;
  height: 85px;
  border-radius: 10px;
  background-color: #e6f1ff0d;
  margin: 0px 5px 7px;
}
.accountPageMainContent{
  width: calc(100% - 30px);
  max-width: 680px;
  min-height: 50vh;
  margin: 0 auto 50px;
}

body.desktop .walletTab .walletContent h4 {
  display: none;
}

/* body.desktop .timeMenu {
  display: flex;
  margin: 27px 0 15px;
  justify-content: flex-start;
  background: #1d212999 0% 0% no-repeat padding-box;
  border-radius: 27px;
  width: 385px;
  height: 30px;
  align-items: center;
  cursor: pointer;
} */
section[behaviour="pageConfig"] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
body.tablet .timeMenu,
body.desktop .timeMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 19px 0 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

body.desktop .timeMenu>div {
  margin: 0 4px;
  padding: 3px 0px;
}

body.desktop .dateTimeAct .time {
  color: var(--secondary-main);
  font-size: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

body.desktop .dateTimeAct .time .number {
  margin: 0;
  font-size: 14px;
}

body.desktop .dateTimeAct .time .text,
body.desktop .dateTimeInact .time .text {
  margin-left: 2px;
}

body.tablet .calendar.dateTimeAct {
  position: absolute;
  right: -39px;
  width: 31px;
  height: 31px;
  background: var(--secondary-main);
  box-shadow: none;
}

body.tablet .walletContent .calendar.dateTimeAct {
  right: -39px;
}

body.desktop .calendar.dateTimeAct {
  position: absolute;
  right: -39px;
  width: 31px;
  height: 31px;
  background: var(--secondary-main);
  box-shadow: none;
}

.timeMenu .calendar.dateTimeAct {
  position: absolute;
  right: 837px;
  width: 31px;
  height: 31px;
  background-color: var(--secondary-main);
}

body.tablet .dateTimeInact .time .number i {
  font-size: 20px;
}

input.picker[type="date"] {
  position: relative;
}

input.picker[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  color: transparent;
  background: transparent;
  cursor: pointer;
}

body.mobile .historyConteiner .timeMenu,
body.mobile .walletContent .history .timeMenu,
body.mobile .walletContent .history {
  position: relative;
  min-width: 305px;
}

.walletContent .btnPromos.skip {
  display: none;
}

.timeMenu .calendar.dateTimeInact {
  padding: 0;
  right: -39px;
  position: absolute;
  width: 31px;
}

div#mobileHistory .noMessages {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px;
  margin-top: 19px;
}

body.tablet .historyType,
body.desktop .historyType {
  width: 138px;
  height: 30px;
  /* display: -webkit-box; */
  display: -ms-flexbox;
  /* display: flex; */
  position: relative;
  /* bottom: 45px; */
  /* left: 540px; */
  cursor: pointer;
}

/* body.desktop select#historyType {
  width: 138px;
  height: 30px;
  border: none;
  font-size: 12px;
  color: #e6f1ff99;
  border-radius: 27px;
  background: var(--surface-surface) 0% 0% no-repeat padding-box;
  padding-left: 10px;
  margin: 0;
} */
body.mobile select#historyType,
body.tablet select#historyType,
body.desktop select#historyType {
  width: 138px;
  height: 30px;
  border: none;
  font-size: 12px;
  color: #e6f1ff99;
  border-radius: 27px;
  background: var(--surface-surface) 0% 0% no-repeat padding-box;
  padding-left: 15px;
  margin: 0;
  cursor: pointer;
  -webkit-appearance: none;
  border: 1px solid var(--disabled-text);
  -moz-appearance: none;
  appearance: none;
}

body.mobile .walletTab .historyType {
  position: absolute;
  top: 0;
  right: 14px;
  z-index: 0;
}

#logout p {
  text-align: center;
}

body.mobile table#wallet-table {
  margin: 19px 0 0 0;
  width: 348px;
}

body.mobile table#wallet-table thead .historyHeader {
  width: 348px;
}

body.desktop .dateTimeInact .time {
  font-size: 14px;
  align-items: baseline;
  width: 100%;
}

body.desktop .dateTimeInact .time .number {
  margin: 0;
  font-size: 14px;
  padding-top: 3px;
}

body.desktop .dateTimeAct.calendar .time .number i {
  font-size: 17px;
  color: var(--primary-text);
}

.timeContainer {
  position: relative;
}

body.desktop .historyConteiner .from-to,
body.desktop div#period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #292f3b;
  position: absolute;
  right: -50px;
  top: 37px;
  border-radius: 10px;
  z-index: 1;
  padding: 8px;
}

body.desktop .periodMenu {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  display: inline-table;
  margin: 0px;
}

body.desktop #period .period {
  margin: 8px auto;
  background-color: var(--surface-surface);
}

body.tablet .period .title,
body.desktop .period .title {
  margin: 3px 11px 0px;
}

.period input[type="date"] {
  background: transparent;
}

body.desktop #period .btn,
.periodResultsButton {
  margin: 15px auto 18px auto;
  width: 91%;
}

.mobile #periodResultsButton {
  width: 100%;
}

body.mobile .bottomElement div#period {
  top: 75px;
  left: calc(50% - 75px);
}

body.desktop .walletTab .paymentItem {
  background: var(--surface-surface) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body.desktop .walletTab .paymentItem .headerPaymentConteiner {
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 13px 13px 0;
}

body .walletTab .cashout .paymentItem .footerPayment {
  margin: var(--btn-margin);
}

body.desktop .walletTab .paymentItem .paymentContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 130px;
}

.walletTab .paymentItem .paymentContent p {
  margin: 7px 0 0px 0;
    font-size: 11px;
    color: var(--primary-main);
    line-height: 16px;
    text-align: center;
}

body.desktop .walletTab .paymentItem .paymentContent img {
  height: 100%;
}

body.desktop .walletTab .paymentItem .paymentContent>div {
  height: 121px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.desktop .walletTab .paymentItem .headerPaymentConteiner span {
  font-size: 12px;
  color: var(--secondary-text);
  font-weight: 600;
}

body .walletTab #promoSelScreen,
body .walletTab #promoCashoutScreen {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(4, 1fr);
  grid-template-columns: repeat(4, 1fr);
  margin-top: 18px;
  grid-gap: 10px;
}

body .walletTab #promoSelScreen {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(4, 1fr);
  grid-template-columns: repeat(4, 1fr);
  margin-top: 18px;
  grid-gap: 10px;
}

body.tablet .walletTab #promoSelScreen,
body.tablet .walletTab #promoCashoutScreen {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 18px;
  grid-gap: 10px;
}


body.desktop .walletTab #promoSelScreen h2 {
  display: none;
}

body.desktop .walletTab .paymentItem .headerPaymentConteiner [class^="icon-"],
body.desktop .walletTab .paymentItem .headerPaymentConteiner [class*=" icon-"] {
  font-size: 25px;
  color: var(--primary-main);
  /* font-weight: 600; */
  cursor: pointer;
}

body.desktop .walletTab .depositItemPopUp {
  width: 337px;
  height: 460px;
  border-radius: 10px;
  background: #1d2129 0% 0% no-repeat padding-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body.desktop .walletTab .depositItemPopUp .headerPaymentConteiner {
  height: 20px;
  margin: 15px 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

body.desktop .walletTab .depositItemPopUp .headerPaymentConteiner span {
  font-size: 16px;
  color: #e6f1ffcc;
  margin-right: 100px;
}

body.desktop .walletTab .depositItemPopUp .headerPaymentConteiner .exit {
  width: 16px;
}

body.desktop .walletTab .depositItemPopUp .paymentContent {
  height: 352px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.desktop .walletTab .depositItemPopUp .paymentContent ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 294px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto 14px;
}

body.desktop .walletTab .depositItemPopUp .paymentContent ul li {
  width: 72px;
  height: 36px;
  background: #e6f1ff1a 0% 0% no-repeat padding-box;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

body.desktop .walletTab .depositItemPopUp .paymentContent ul li.active {
  background: var(--primary-text) 0% 0% no-repeat padding-box;
  color: var(--surface-surface);
}

body.desktop .walletTab .depositItemPopUp .paymentContent .inputContainer {
  padding: 0;
  height: 54px;
}

body.desktop .walletTab .depositItemPopUp .paymentContent p {
  font-size: 12px;
  color: var(--disabled-text);
  text-align: left;
  margin: 0 20px 20px;
}

body.desktop .walletTab .depositItemPopUp .paymentContent .inputContainer span {
  position: absolute;
  margin: 4px 0 0 15px;
  font-size: 12px;
  color: var(--disabled-text);
}

body.desktop .walletTab .depositItemPopUp .paymentContent .inputContainer span.depositMin {
  position: absolute;
  margin: 8px 0 0 204px;
  font-size: 10px;
  color: var(--disabled-text);
}

body.desktop .walletTab .depositItemPopUp .paymentContent .inputContainer input {
  border-radius: 10px;
  border: 1px solid var(--surface-overlay);
  background: transparent;
  width: 294px;
  height: 54px;
  margin: 0 0 25px;
  font-size: 20px;
  color: #e6f1ffcc !important;
  padding: 22px 0 0 15px;
}

body.desktop .walletTab .depositItemPopUp .footerPayment {
  height: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0px 0px 10px 10px;
  background: var(--surface-surface) 0% 0% no-repeat padding-box;
  color: #e6f1ffcc;
  font-size: 14px;
  cursor: pointer;
}

.bonusPage .menuConteiner .desktopMenu h4 {
  margin-left: 0;
}

select#historyType {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.historyType::before {
  content: "";
  height: 5px;
  background: var(--primary-text);
  border: 1px solid var(--primary-text);
  border-radius: 10px;
  position: absolute;
  top: 12px;
  right: 18px;
  z-index: 2;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.historyType::after {
  content: "";
  height: 5px;
  background: var(--primary-text);
  border: 1px solid var(--primary-text);
  border-radius: 10px;
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 2;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 10px;
}

#sportstable2 {
  margin-top: -30px;
}

.panel-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

#change-password .panel .form-group {
  position: relative;
}

#change-password .panel .form-group:nth-child(3) {
  margin-bottom: 67px;
}

#change-password .panel.panel-default .panel-body .form-group .eyes img:last-child {
  margin-top: -3px;
}

body #change-password .form-group span.left {
  color: var(--primary-text-opc-04);
  text-align: left;
  font-size: 11px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.userInfo .loyalty-program .loyaltyLogoConteiner img {
  margin-top: 4px;
}

.helpTab .headerMenu .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.help-container {
  min-height: 708px;
  width: 683px;
  margin: 15px auto;
}

/* .help-container #help-table {
  
} */
.help-container #help-table tbody tr {
  width: 100%;
  height: 50px;
  background-color: #1f232d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  margin-top: 8px;
}

.help-container #help-table tbody tr td {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 18px 0 18px;
}

.help-container #help-table tbody tr td a {
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.help-container #help-table tbody tr td span {
  font-size: 14px;
  line-height: 20px;
  color: var(--secondary-text);
  letter-spacing: 0px;
  width: 100%;
}

.help-container #help-table tbody tr td i {
  width: 9px;
  height: 15px;
  color: #e6edf733;
  cursor: pointer;
}

@media only screen and (max-width: 1240px) {
  body.desktop .walletTab .user-bonus {
    left: 56%;
  }

  body.desktop .historyConteiner .from-to {
    left: calc(50% - 60px);
  }
}

body.mobile .contactUsTab {
  margin-top: 9px;
  height: 670px;
}

body.mobile .contactUsTab .contactUs .contactUsList {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin: 12px auto;
}

body.mobile .contactUs .contactUsTabMethod {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 69px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}

body.mobile .contactUs .contactUsTabMethod i {
  font-size: 36px;
}

body.mobile .contactUsList .contactUsTabMethod .btn {
  width: 113px;
  font-size: 12px;
}

body.mobile .contactUs .contactUsTabMethod span {
  font-size: 18px;
  font-weight: var(--fw-500);
  line-height: 22px;
}

body.mobile .contactUs .contactUsTabMethod p {
  font-size: 10px;
  margin: 6px 0 0;
  font-weight: var(--fw-500);
  line-height: 12px;
  color: #e4edf880;
  -webkit-text-fill-color: var(--disabled-text);
}

body.mobile .contactUs .contactUsTabMethod .contactUsInfo {
  text-align: left;
  margin: 0;
}

body.tablet .contactUsTab .contactUs {
  height: 80vh;
}

body.tablet .contactUsTab .contactUs .contactUsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.tablet .contactUs .contactUsTabMethod {
  margin: 0 1%;
  width: 168px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.tablet .contactUs .contactUsTabMethod span {
  font-size: 18px;
  color: #e4edf8cc;
  line-height: 22px;
  font-weight: var(--fw-500);
}

body.tablet .contactUs .contactUsTabMethod i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 27px auto 9px;
  font-size: 59px;
  color: var(--primary-main);
}

body.tablet .contactUs .contactUsTabMethod p {
  color: #e4edf880;
  font-size: 10px;
  line-height: 12px;
  font-weight: var(--fw-500);
  margin: 7px 0 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-text-fill-color: var(--disabled-text);
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent {
  width: 798px;
  overflow-x: hidden;
  background: #1c2029;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent::-webkit-scrollbar-thumb {
  background-color: #00000033;
}

.framedform[data-content="paymentInfo"] .framedcontent .paymentDescription::-webkit-scrollbar-track,
body.desktop .framedform[data-content="paymentInfo"] .framedcontent::-webkit-scrollbar-track {
  background: none;
}

.framedform[data-content="paymentInfo"] .framedcontent .paymentDescription::-webkit-scrollbar-thumb {
  background-color: var(--primary-main);
  border: none;
  border-radius: 2px;
}

.framedform[data-content="paymentInfo"] .framedcontent .paymentDescription::-webkit-scrollbar {
  width: 2px;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentInfo {
  width: 798px;
  height: 485px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 10px;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 337px;
  /* height: 100vh; */
  /* background-color: #00000033; */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px 0 0 10px;
  background: #e6f1ff05 0% 0% no-repeat padding-box;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentType .paymentImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 249px;
  height: 136px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 141px;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentType .shadow {
  width: 264px;
  height: 29px;
  background: #000000 0% 0% no-repeat padding-box;
  -webkit-filter: blur(4px);
  filter: blur(4px);
  margin: 14px auto 0;
  opacity: 10%;
  border-radius: 50%;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentType .paymentName {
  font-size: 20px;
  color: #e6f1ffcc;
  line-height: 24px;
  font-weight: var(--fw-500);
  margin-top: 48px;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(798px - 337px);
  background-color: var(--surface-surface);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* padding: 19px 36px 48px; */
  /* justify-content: space-between; */
  border-radius: 0 10px 10px 0;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodHeader {
  width: 100%;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 19px 20px 0 0;
  z-index: 1;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodHeader img {
  font-size: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 58px 36px 43px;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodInfo p {
  font-size: 16px;
  line-height: 22px;
  font-weight: var(--fw-500);
  color: #e6f1ffcc;
  margin: 9px 0 0;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodInfo span {
  font-size: 12px;
  line-height: 16px;
  color: var(--primary-text-opc-04);
  font-weight: var(--fw-500);
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentDescription {
  height: 100%;
  max-height: 290px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--surface-surface);
  padding: 0 36px;
  overflow: hidden;
  overflow-y: scroll;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentDescription span {
  font-size: 12px;
  color: var(--disabled-text);
  line-height: 16px;
  font-weight: var(--fw-500);
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentDescription p {
  font-size: 14px;
  line-height: 20px;
  color: var(--secondary-text);
  font-weight: var(--fw-500);
  margin: 11px 0;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodTypes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodTypes span {
  font-size: 12px;
  line-height: 16px;
  color: #e6f1ff99;
  font-weight: var(--fw-500);
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodTypes .paymentMethodType div {
  width: 54px;
  height: 44px;
}

.loyaltyLevelInfo .level .loyalty-title {
  font-size: 12px;
  line-height: 16px;
  color: var(--secondary-text);
  font-weight: var(--fw-500);
}

.loyaltyLevelInfo .level .player-level {
  font-size: 20px;
  line-height: 24px;
  font-weight: var(--fw-bold);
}

.loyaltyLevelInfo .loyalty-voucher,
.loyalty-program .loyalty-voucher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 15px;
}

.loyaltyLevelInfo .loyalty-voucher {
  margin-left: 42px;
}

body.tablet .loyalty-program .loyalty-voucher {
  margin-left: 32px;
}

.loyaltyLevelInfo .loyalty-voucher span.loyalty-voucher-count,
span.loyalty-voucher-count {
  font-size: 20px;
  line-height: 24px;
  color: var(--primary-text);
}

body.tablet .walletTab .paymentItem {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: var(--surface-surface) 0% 0% no-repeat padding-box;
}

body.tablet .walletTab .paymentItem .headerPaymentConteiner {
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 11px 14px 0 11px;
}

body.tablet .walletTab .paymentItem .paymentContent div>p {
  margin: 0;
}

body.tablet .walletTab .paymentItem .paymentContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 125px;
}



body.tablet .walletTab .paymentItem .paymentContent img {
  width: 100%;
}

body.tablet .walletTab .paymentItem .paymentContent>div {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.tablet .walletTab .paymentItem .headerPaymentConteiner span {
  font-size: 12px;
  color: var(--secondary-text);
  font-weight: 600;
  line-height: 16px;
}

body.tablet .walletTab #promoSelScreen,
body.tablet .walletTab #promoCashoutScreen {
  margin-top: 10px;
}

body.tablet .walletTab #promoSelScreen h2 {
  display: none;
}

body.tablet .walletTab .paymentItem .headerPaymentConteiner [class^="icon-"],
body.tablet .walletTab .paymentItem .headerPaymentConteiner [class*=" icon-"] {
  font-size: 26px;
  color: var(--primary-main);
  cursor: pointer;
}

body.tablet .walletTab .walletContent h4 {
  font-size: 24px;
  line-height: 28px;
  font-weight: var(--fw-bold);
  color: var(--primary-text);
  margin-left: 10px;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent {
  width: 347px;
  overflow-x: hidden;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentInfo {
  width: 348px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
  position: relative;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 348px;
  height: 293px;
  background: #e6f1ff05 0% 0% no-repeat;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  border-radius: 10px 10px 0 0;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentType .paymentImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 249px;
  height: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentType .shadow {
  width: 264px;
  height: 29px;
  background: #000000 0% 0% no-repeat padding-box;
  -webkit-filter: blur(4px);
  filter: blur(4px);
  margin: 0px auto 0;
  opacity: 10%;
  border-radius: 50%;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentType .paymentName {
  font-size: 20px;
  color: #e6f1ffcc;
  line-height: 24px;
  font-weight: var(--fw-500);
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  background-color: var(--surface-surface);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 19px 36px 48px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 0 0 10px 10px;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodHeader {
  width: 348px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  top: 17px;
  right: 16px;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodHeader img {
  font-size: 16px;
  width: 16px;
  height: 16px;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodInfo p {
  font-size: 16px;
  line-height: 22px;
  font-weight: var(--fw-500);
  color: #e6f1ffcc;
  margin: 9px 0 0;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodInfo span {
  font-size: 12px;
  line-height: 16px;
  color: var(--primary-text-opc-04);
  font-weight: var(--fw-500);
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentDescription {
  height: 100%;
  max-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  margin-top: 45px;
  overflow: hidden;
  overflow-y: scroll;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentDescription span {
  font-size: 12px;
  color: var(--disabled-text);
  line-height: 16px;
  font-weight: var(--fw-500);
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentDescription p {
  font-size: 14px;
  line-height: 20px;
  color: var(--secondary-text);
  font-weight: var(--fw-500);
  margin: 11px 0;
  height: 200px;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodTypes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 35px;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodTypes span {
  font-size: 12px;
  line-height: 16px;
  color: #e6f1ff99;
  font-weight: var(--fw-500);
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodTypes .paymentMethodType div {
  width: 54px;
  height: 44px;
}

body.mobile .walletTab .paymentItem {
  /* width: 170px;
height: 170px; */
height: 192px;
    background: #1d2129 0% 0% no-repeat padding-box;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--surface-surface) 0% 0% no-repeat padding-box;
  /* margin-bottom: 7px; */
}

body.mobile .walletTab .paymentItem .firstPart {
  height: 110px;
  overflow: hidden;
  border-radius: 10px;

}

body.mobile .walletTab .paymentItem .headerPaymentConteiner {
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 5px 0 11px;
}

body .walletTab .deposit .paymentItem .footerPayment {
  margin: var(--btn-margin);
}

body.mobile .walletTab .paymentItem .paymentContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 89px;
}




body.mobile .walletTab .paymentItem .paymentContent>div {
  height: 111px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.mobile .walletTab .paymentItem .headerPaymentConteiner span {
  font-size: 10px;
  color: var(--secondary-text);
  font-weight: 600;
  line-height: 12px;
}

/* body.mobile .walletTab #promoSelScreen,
body.mobile .walletTab #promoCashoutScreen {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
justify-content: space-between;
} */
body.mobile .walletTab #promoSelScreen,
body.mobile .walletTab #promoCashoutScreen {
  display: -ms-grid;
  display: grid;
  margin-top: 10px;
  -ms-grid-columns: minmax(90px, 170px) 8px minmax(90px, 170px);
  grid-template-columns: minmax(90px, 170px) minmax(90px, 170px);
  grid-gap: 8px;
  place-content: center;
}

body.mobile .walletTab #promoSelScreen h2 {
  display: none;
}

body.mobile .walletTab .paymentItem .headerPaymentConteiner [class^="icon-"],
body.mobile .walletTab .paymentItem .headerPaymentConteiner [class*=" icon-"] {
  font-size: 19px;
  color: var(--primary-main);
  cursor: pointer;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent {
  max-width: 348px;
  margin: 40px auto 0;
  max-height: none;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentInfo {
  width: 100%;
  /* height: 624px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 293px;
  background: #e6f1ff05 0% 0% no-repeat;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  border-radius: 10px 10px 0 0;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentType .paymentImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 249px;
  height: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 53px 0 19px 0;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentType .paymentImg>P {
  margin: 0;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentType .shadow {
  width: 264px;
  height: 29px;
  background: #000000 0% 0% no-repeat padding-box;
  -webkit-filter: blur(4px);
  filter: blur(4px);
  margin: 0px auto 0;
  opacity: 10%;
  border-radius: 50%;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentType .paymentName {
  font-size: 20px;
  color: #e6f1ffcc;
  line-height: 24px;
  font-weight: var(--fw-500);
  margin: 12px 0 34px 0;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  /* height: calc(704px - 293px); */
  height: 226px;
  background-color: var(--surface-surface);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px 15px 0;
  /* justify-content: space-between; */
  border-radius: 0 0 10px 10px;
  overflow: auto;
  margin: 19px 0;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails::after,
body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0%;
  margin: auto;
  width: calc(100% - 30px);
  height: 20px;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails::before {
  top: 311px;
  background: transparent linear-gradient(0deg, #1d212a00 0%, var(--surface-surface) 100%) 0% 0% no-repeat padding-box;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails::after {
  bottom: 18px;
  background: transparent linear-gradient(180deg, #1d212a00 0%, var(--surface-surface) 100%) 0% 0% no-repeat padding-box;
}

body.tablet .framedform[data-content="paymentInfo"] .framedcontent .paymentType img,
body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentType img {
  /* width: 248px; */
  height: 136px;
  /* transform: perspective(400px) rotateX(15deg); */
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodHeader {
  width: 200px;
  height: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  top: 17px;
  right: 17px;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodHeader img {
  font-size: 16px;
  width: 16px;
  height: 16px;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodInfo p {
  font-size: 16px;
  line-height: 22px;
  font-weight: var(--fw-500);
  color: #e6f1ffcc;
  margin: 9px 0 0;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodInfo span {
  font-size: 12px;
  line-height: 16px;
  color: var(--primary-text-opc-04);
  font-weight: var(--fw-500);
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentDescription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  margin-top: 45px;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentDescription span {
  font-size: 12px;
  color: var(--disabled-text);
  line-height: 16px;
  font-weight: var(--fw-500);
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentDescription p {
  font-size: 14px;
  line-height: 20px;
  color: var(--secondary-text);
  font-weight: var(--fw-500);
  margin: 11px 0 0;
  height: auto;
  /* min-height: 210px; */
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodTypes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 35px;
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodTypes span {
  font-size: 12px;
  line-height: 16px;
  color: #e6f1ff99;
  font-weight: var(--fw-500);
}

body.mobile .framedform[data-content="paymentInfo"] .framedcontent .paymentDetails .paymentMethodTypes .paymentMethodType div {
  width: 54px;
  height: 44px;
}

body.desktop .framedform[data-content="messages"] .framedcontent {
  width: 460px;
  height: 645px;
}

body.desktop .framedform[data-content="messages"] .framedcontent ul.messages {
  margin: 0;
  height: 100%;
}

body .framedform[data-content="paymentInfoMessage"] .framedcontent,
body .framedform[data-content="deposit"] .framedcontent {
  width: min(100%, 357px);
  height: auto;
  border-radius: 10px;
  padding: 15px 0 0;
  text-align: left;
  overflow: unset;
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage {
  height: 100%;
  width: 100%;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentHeader {
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  color: #e6f1ffcc;
  font-weight: var(--fw-500);
  margin: 0 15px;
}

body.desktop .framedform .framedcontent .iframemassage .paymentLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: unset;
}

body .framedform .framedcontent .iframemassage .paymentLogo {
  margin: 15px;
  border-radius: 10px;
  overflow: hidden;
  height: 106px;
}
body .framedform .framedcontent .iframemassage .paymentLogo img {
  width: 100%;
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentLogo>img {
  width: 100%;
  height: auto;
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentLogo .logo {
  width: calc(100% - 30px);
  height: auto;
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentMethodInfo {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--fw-500);
  color: var(--disabled-text);
  margin: 0 15px 20px;
  /* min-height: 80px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; */
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentSubmit {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

body .framedform[data-content="withdrawal"] .framedcontent .iframemassage .paymentSubmit,
body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentSubmit {
  inline-size: auto;
  margin: var(--btn-margin);
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentSubmit.active {
  background-color: var(--secondary-main);
  -webkit-box-shadow: 0px 0px 10px var(--secondary-main) 80;
  box-shadow: 0px 0px 10px var(--secondary-main) 80;
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentAmount {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
  gap: 2px;
  margin: 0 15px 20px;
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentAmount:empty {
  display: none;
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentAmountInput {
  margin: 0px 15px 19px;
  position: relative;
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentAmountInput input {
  width: 100%;
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: #e6f1ffcc;
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentAmountInput .paymentInput {
  position: absolute;
  font-size: 12px;
  color: var(--disabled-text);
  top: 65px;
  left: 16px;
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentAmountInput .paymentMinAmount {
  color: var(--disabled-text);
  font-size: 10px;
    position: absolute;
    bottom: -14px;
    left: 14px;
}

body .framedform[data-content="deposit"] .framedcontent .iframemassage .paymentAmount div.active {
  background-color: var(--primary-text);
  color: var(--surface-surface);
}

body.mobile .framedform[data-content="withdrawal"] .framedcontent,
body.desktop .framedform[data-content="withdrawal"] .framedcontent,
body.tablet .framedform[data-content="withdrawal"] .framedcontent {
  width: calc(100% - 30px);
  max-width: 460px;
  min-height: 412px;
  height: auto;
  overflow: hidden scroll;
}

body.mobile .framedform[data-content="withdrawal"] .framedcontent {
  overflow: scroll;
}

body.mobile .framedform[data-content="withdrawal"] .framedcontent .iframemassage,
body.desktop .framedform[data-content="withdrawal"] .framedcontent .iframemassage,
body.tablet .framedform[data-content="withdrawal"] .framedcontent .iframemassage {
  min-height: auto;
  text-align: left;
}

.framedform[data-content="withdrawal"] .framedcontent .iframemassage .paymentMethodInfo {
  font-size: 12px;
  font-weight: var(--fw-500);
  line-height: 16px;
  color: var(--disabled-text);
  margin: 0 20px;
}

.framedform[data-content="withdrawal"] .framedcontent .iframemassage .paymentMethodInfo {
  font-size: 12px;
  font-weight: var(--fw-500);
  line-height: 16px;
  color: var(--disabled-text);
  margin: 0 20px 9px;
  /* min-height: 80px; */
}

.framedform[data-content="withdrawal"] .framedcontent .iframemassage .paymentAmountInput {
  margin: 0 20px 25px;
  overflow: visible;
}

.framedform[data-content="withdrawal"] .framedcontent .iframemassage span.paymentInput {
  position: relative;
  font-size: 12px;
  color: var(--disabled-text);
  top: 3px;
  left: 17px;
}

.framedform[data-content="withdrawal"] .framedcontent .iframemassage span.paymentMinAmount {
  color: var(--disabled-text);
  font-size: 12px;
  position: absolute;
  transform: translate(-15px, 65px);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.40px;
  word-wrap: break-word;
}

.framedform[data-content="withdrawal"] .framedcontent .iframemassage input {
  margin: -17px 0 7px;
}
.framedform[data-content="withdrawal"] .framedcontent .iframemassage input.numeric.input-default {
  margin-bottom: 25px;
}

body .framedform[data-content="withdrawal"] .framedcontent .iframemassage .paymentSubmit.active {
  background-color: var(--secondary-main);
  color: var(--primary-text);
}

body.mobile .framedform[data-content="withdrawal"] .framedcontent .iframemassage .paymentHeader,
body.desktop .framedform[data-content="withdrawal"] .framedcontent .iframemassage .paymentHeader,
body.tablet .framedform[data-content="withdrawal"] .framedcontent .iframemassage .paymentHeader {
  line-height: 24px;
  padding: 15px 15px 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #e6f1ffcc;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.mobile .framedform[data-content="withdrawal"] .framedcontent .iframemassage .paymentHeader img.exit,
body.desktop .framedform[data-content="withdrawal"] .framedcontent .iframemassage .paymentHeader img.exit,
body.tablet .framedform[data-content="withdrawal"] .framedcontent .iframemassage .paymentHeader img.exit {
  position: relative;
  left: 115px;
  cursor: pointer;
}

.framedform .framedcontent .iframemassage input::-webkit-outer-spin-button,
.framedform .framedcontent .iframemassage input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.framedform .framedcontent .iframemassage input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

body.mobile .framedform[data-content="message"] .framedcontent,
body.tablet .framedform[data-content="message"] .framedcontent {
  width: min(100%, 328px);
}

body.desktop .framedform[data-content="message"] .framedcontent {
  width: 328px;
}

body .framedform[data-content="message"][data-status="error"] .framedcontent .iframemassage .imgContainer::before,
body .framedform[data-content="message"][data-status="undefined"] .framedcontent .iframemassage .imgContainer::before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 70%;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: transparent -o-radial-gradient(50% 50%,
      closest-side,
      #ff4a4a 0%,
      #ff5d5d48 66%,
      #ff8e8e12 81%,
      var(--error-main) 00 100%) 0% 0% no-repeat padding-box;
  background: transparent radial-gradient(closest-side at 50% 50%,
      #ff4a4a 0%,
      #ff5d5d48 66%,
      #ff8e8e12 81%,
      var(--error-main) 00 100%) 0% 0% no-repeat padding-box;
  opacity: 0.7;
}

body .framedform[data-content="message"][data-status="success"] .framedcontent .iframemassage .imgContainer::before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: transparent -o-radial-gradient(50% 50%,
      closest-side,
      #08fd79 0%,
      #08c45f48 66%,
      #02c37912 81%,
      #00ffc400 100%) 0% 0% no-repeat padding-box;
  background: transparent radial-gradient(closest-side at 50% 50%,
      #08fd79 0%,
      #08c45f48 66%,
      #02c37912 81%,
      #00ffc400 100%) 0% 0% no-repeat padding-box;
  opacity: 0.7;
}

body .framedform[data-content="message"] .framedcontent .iframemassage .imgContainer::after {
  display: block;
  content: "";
  position: absolute;
  width: 172px;
  height: 22px;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: transparent -o-radial-gradient(50% 50%, closest-side, #00000066 0%, rgb(0 0 0 / 0%) 100%) 0% 0% no-repeat padding-box;
  background: transparent radial-gradient(closest-side at 50% 50%, #00000066 0%, rgb(0 0 0 / 0%) 100%) 0% 0% no-repeat padding-box;
}

body .framedform[data-content="message"] .framedcontent .iframemassage {
  width: min(100%, 328px);
  /* min-height: 412px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* background: #1d2129 0% 0% no-repeat padding-box; */
  border-radius: 20px;
}

body .framedform[data-content="message"][data-status="success"] .framedcontent .iframemassage {
  background: transparent linear-gradient(240deg, #00ba6c 0%, #027c7c 100%) 0% 0% no-repeat padding-box;
}

body .framedform[data-content="message"][data-status="error"] .framedcontent .iframemassage,
body .framedform[data-content="message"][data-status="undefined"] .framedcontent .iframemassage {
  background: transparent linear-gradient(240deg, #ba2062 0%, #882534 100%) 0% 0% no-repeat padding-box;
}

body .framedform[data-content="message"][data-status="warning"] .framedcontent .iframemassage {
  background: var(--error-warning-main) 0% 0% no-repeat padding-box;
}

body .framedform[data-content="message"][data-status="warning"] .framedcontent .iframemassage .textContainer p {
  font-size: 14px;
  font-weight: var(--fw-500);
  color: #E6EDF7;
}

body .framedform[data-content="message"][data-status="success"] .framedcontent .iframemassage .textContainer {
  background: transparent linear-gradient(237deg, #008b56 0%, #01625b 100%) 0% 0% no-repeat padding-box;
}

body .framedform[data-content="message"][data-status="error"] .framedcontent .iframemassage .textContainer,
body .framedform[data-content="message"][data-status="undefined"] .framedcontent .iframemassage .textContainer {
  background: transparent linear-gradient(237deg, #891f44 0%, #7e1635 100%) 0% 0% no-repeat padding-box;
}

body .framedform[data-content="message"][data-status="warning"] .framedcontent .iframemassage .textContainer {
  background: var(--error-warning-dark) 0% 0% no-repeat padding-box;
  ;
}

body .framedform[data-content="message"] .framedcontent .iframemassage .imgContainer {
  display: -ms-grid;
  display: grid;
  place-content: center;
  background-image: url(/images/Popup-Backgr-Circles.png?);
  padding: 50px 0 47px 0;
  position: relative;
  display: none;
}

body .framedform[data-content="message"][data-status="info"] .framedcontent .iframemassage .textContainer {
  display: grid;
  place-content: center;
  background-image: url(/images/Popup-Backgr-Circles.png?);
  position: relative;
  width: 40px;
  font-size: 35px;
  transform: translate(190px, 90px);
}
body .framedform[data-content="message"][data-status="info"] .framedcontent .iframemassage .textContainer[class^="icon-"], 
body .framedform[data-content="message"][data-status="info"] .framedcontent .iframemassage .textContainer[class*=" icon-"] {
  color: var(--action-focus-bottom);
}

body .framedform[data-content="message"] .framedcontent .iframemassage .textContainer {
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: #e6edf7e6;
  line-height: 24px;
  text-align: center;
  padding: 20px;
}

body .framedform[data-content="message"] .framedcontent .iframemassage .textContainer p {
  font-size: 14px;
  font-weight: var(--fw-500);
  color: var(--disabled-text);
}

body .framedform[data-content="message"] .framedcontent .iframemassage .imgContainer img {
  width: 105px;
  z-index: 1;
}

body .framedform[data-content="message"][data-status="success"] .framedcontent .iframemassage .imgContainer i.icon-check {
  font-size: 97px;
  color: var(--primary-text);
  z-index: 2;
}

body .framedform[data-content="message"] .framedcontent .iframemassage .buttonContainer {
  width: 100%;
  height: 73px;
  /* background: var(--surface-surface) 0% 0% no-repeat padding-box; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .framedform[data-content="message"][data-status="success"] .framedcontent .iframemassage .buttonContainer {
  background: transparent linear-gradient(237deg, #008b56 0%, #01625b 100%) 0% 0% no-repeat padding-box;
}

body .framedform[data-content="message"][data-status="error"] .framedcontent .iframemassage .buttonContainer,
body .framedform[data-content="message"][data-status="undefined"] .framedcontent .iframemassage .buttonContainer {
  background: transparent linear-gradient(237deg, #891f44 0%, #7e1635 100%) 0% 0% no-repeat padding-box;
}

body .framedform[data-content="message"][data-status="warning"] .framedcontent .iframemassage .buttonContainer {
  background: var(--error-warning-dark) 0% 0% no-repeat padding-box;
}

body .framedform[data-content="message"] .framedcontent .iframemassage .buttonContainer button,
body .framedform[data-content="message"] .framedcontent .iframemassage .buttonContainer a {
  width: min(100%, 301px);
  margin: 0 auto 15px;
  color: var(--primary-text);
  font-size: 16px;
  font-weight: var(--fw-500);
  background: var(--surface-overlay) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  border: none;
  cursor: pointer;
}

body .framedform[data-content="message"] .framedcontent .iframemassage .buttonContainer button a {
  color: var(--primary-text);
  text-align: center;
  display: flex;
  justify-content: center;
  font-family: 'Roboto';
  font-weight: bold;
  width: 100%;
  height: 100%;
  align-items: center;
}

.framedform [data-content="https://support.palmsbet.com/forms/index_bg.php"] .framedcontent {
  width: 682px;
}

.framedform [data-content="https://support.palmsbet.com/forms/index_bg.php"] .framedcontent .iframemassage {
  width: 682px;
}

div#mobileHistory {
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  min-height: 50vh;
}
div#mobileHistory:empty {
  background-image: url(/images/reload.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80px;
  animation: spin 1s linear infinite;
  width: 200px;
  opacity: 0.3;
  height: 150px;
  margin: 0px 0 0 calc(50% - 100px);
}

#mobileHistory .mobileHistoryHeader {    padding: 0px 5px;}
#mobileHistory .mobileHistoryBody {    padding: 0px 5px;}

#mobileHistory .historyElemet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  padding: 0;
  background: #1d2129 0% 0% no-repeat padding-box;
}

#mobileHistory .historyElemetInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  height: 48px;
}

#mobileHistory .historyElemetInfo > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
#mobileHistory .historyElemetInfo .historyAmount {
  min-width: 48px;
  margin-right: auto;
}
@media screen and (min-width: 640px) {
 #mobileHistory .historyElemetInfo .historyAmount {
  min-width: 10%;
   margin-left: auto;
} 
}
#mobileHistory.historyElemetInfo .historyElemetOperation {
  width: 48px;
  text-overflow: ellipsis;
}
#mobileHistory .historyElemetInfo .historyElemetPaymentSystem {
  margin-left: auto;
}
#mobileHistory .historyElemetInfo .historyTimestamp {
  /* width: 70px; */
  margin-left: auto;
}
/* #mobileHistory .historyElemetInfo .historyElemetStatus{
  width: 48px;
} */

#mobileHistory .historyElemetInfo div span.moneyDepositCashout,
#mobileHistory .historyElemetInfo .historyAmount,
#mobileHistory .historyElemetInfo .historyElemetPaymentSystem,
#mobileHistory .historyElemetInfo .historyElemetOperation,
#mobileHistory .historyElemetInfo .historyElemetStatus,
#mobileHistory .historyElemetInfo .historyElemetReject,
#mobileHistory .historyElemetInfo .historyTimestamp,
#mobileHistory .historyElemetInfo .hourDepositCashout {
  font-size: 12px;
  font-weight: var(--fw-500);
  line-height: 13px;
  color: var(--secondary-text);
  width: 20%;
  text-align: center;
}

#mobileHistory .historyElemet .historyElemetInfo span.currency,
#mobileHistory .historyElemet .historyElemetInfo .dateDepositCashout {
  font-size: 10px;
  font-weight: var(--fw-500);
  line-height: 12px;
  color: var(--primary-text-opc-04);
}

#mobileHistory .historyElemet .historyElemetStatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  width: 100%;
  padding: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 6px 0px 0;
}

#mobileHistory .historyElemet .historyElemetStatus .statusContent {
  height: auto;
  padding: 7px 0 7px 15px;
  margin: 0px;
  background: transparent;
}

#mobileHistory .historyElemet .historyElemetStatus .statusContent span {
  font-size: 14px;
  font-weight: var(--fw-500);
  line-height: 18px;
  color: var(--secondary-text);
}

#mobileHistory .historyElemet .historyElemetStatus.refused p {
  font-size: 12px;
  line-height: 16px;
  font-weight: var(--fw-500);
  color: var(--disabled-text);
  padding: 0 15px;
  margin: 0 0 0px;
}

#mobileHistory .historyElemet .historyElemetStatus.pending {
  background: var(--surface-overlay) 0% 0% no-repeat padding-box;
  border-radius: 0px 0px 10px 10px;
}

#mobileHistory .historyElemet .historyElemetStatus.confirmed {
  background: #19c35a33 0% 0% no-repeat padding-box;
  border-radius: 0px 0px 10px 10px;
}

#mobileHistory .historyElemet .historyElemetStatus.refused {
  background: #fd434333 0% 0% no-repeat padding-box;
  border-radius: 0px 0px 10px 10px;
}

body.desktop tbody tr td .refused,
body.tablet tbody tr td .refused {
  background: #fd434333 0% 0% no-repeat padding-box;
  width: 100%;
  height: auto;
  margin: 0px 0 -15px;
  padding: 8px 0 20px;
}

body.desktop tbody tr td .refused p,
body.tablet tbody tr td .refused p {
  font-size: 12px;
  font-weight: var(--fw-500);
  line-height: 16px;
  color: var(--disabled-text);
  margin: 0px;
}

body.desktop tbody tr td .statusContent,
body.tablet tbody tr td .statusContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  font-weight: var(--fw-500);
  line-height: 20px;
  color: var(--secondary-text);
  margin: 0px;
}

body.desktop table#wallet-table tbody tr,
body.tablet table#wallet-table tbody tr {
  margin: 6px 0 0;
  min-height: 46px;
}

.h1-title {
  font-size: 20px;
  color: var(--secondary-text);
  text-align: center;
  margin-bottom: 15px;
}

span.successfulRegDescription {
  width: 277px;
  display: block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  margin: 0 auto;
}

.simplePageContainer.depositsWithdrawalsPage {
  margin: 0;
}

body.tablet .simplePageContainer.aboutUsPage .headerMenu {
  padding: 12px 0 15px 30px;
}

body.mobile .simplePageContainer .headerMenu {
  padding: 9px 0 12px 14px;
}

body.tablet .simplePageContainer .headerMenu {
  padding: 14px 0 10px 30px;
}

body.tablet.donate .navAndTerms>a>i,
body.mobile.donate .navAndTerms>a>i,
body.tablet .simplePageContainer.aboutUsPage .headerMenu .headerArrow,
body.mobile .simplePageContainer.aboutUsPage .headerMenu .headerArrow {
  margin: 0;
  background: none;
  box-shadow: none;
}

/* body.tablet .simplePageContainer.aboutUsPage .menuConteiner {
  margin: 0 0 29px 0;
  width: 100%;
  height: 171px;
} */

body.tablet .simplePageContainer.aboutUsPage p {
  width: 92.7%;
  margin: 0 auto;
}

/* body.mobile .simplePageContainer.aboutUsPage .menuConteiner {
  margin-top: 0;
  margin-bottom: 36px;
  width: 375px;
  height: 171px;
} */

.simplePageContainer.aboutUsPage p {
  width: 619px;
  margin: 0 calc(50% - 233px) 0px;
  font-size: 12px;
  color: var(--disabled-text);
  line-height: 20px;
  letter-spacing: 0;
}

body.mobile .simplePageContainer .menu {
  margin: 20px 0 0px 20px;
}
body.mobile .rulesConditions .headerMenu {
  display: flex;
  margin: 20px 0 0 20px;
}

body.tablet .simplePageContainer .menu {
  margin: 20px 0 0px 20px;
}

.simplePageContainer.depositsWithdrawalsPage .menu {
  margin-bottom: 19px;
}

.simplePageContainer .menu span {
  margin-left: 30px;
}

.simplePageContainer .menu span.menuTitle {
  font-size: 12px;
  color: var(--disabled-text);
  margin-bottom: 6px;
}

body.mobile .simplePageContainer .menu span.menuTitle {
  margin-bottom: 2px;
}

.simplePageContainer .menu span.page {
  font-size: 16px;
  color: var(--primary-text);
}

body.tablet .simplePageContainer .menu .headerArrow,
body.mobile .simplePageContainer .menu .headerArrow {
  position: absolute;
  width: 18px;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}

body.donate .navAndTerms>a>i,
body.desktop .simplePageContainer .menu .headerArrow {
  position: absolute;
  width: 18px;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* background-color: var(--primary-main); */
  border-radius: 5px;
  /* box-shadow: 0px 3px 6px #000000ef; */
}

.pageContent .navAndTerms i,
.simplePageContainer .menu .headerArrow i {
  font-weight: var(--fw-bold);
  color: var(--primary-main);
}

body.desktop .rulesConditions .desktopMenu a i,
body.desktop .simplePageContainer .menu .headerArrow a i {
  font-size: 12px;
  font-weight: 900;
  color: #15171d80;
}

body.mobile.donate .navAndTerms>a>i,
body.tablet.donate .navAndTerms>a>i,
body.mobile .simplePageContainer .menu .headerArrow a i,
body.tablet .simplePageContainer .menu .headerArrow a i {
  font-size: 13px;
  font-weight: 900;
  color: var(--primary-main);
}

.simplePageContainer.faqPage .menuConteiner .wrapperContainer {
  display: block;
}

body.mobile .simplePageContainer.aboutUsPage p {
  width: 87.2%;
  margin: 0px auto 13px;
}

.simplePageContainer.faqPage .menuConteiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.desktop .simplePageContainer.faqPage .menuConteiner .faqtMenu {
  order: 4;
  margin-top: 17px;
}

.simplePageContainer.faqPage .menuConteiner .faqtMenu .buttonActiv {
  margin: 0 6px 0 0;
}

.wrapperContainer hr {
  display: none;
}

.simplePageContainer button.accordion {
  border-radius: 10px 10px 10px 10px;
  background: var(--surface-surface) !important;
  color: #e6f1ffcc;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}

.simplePageContainer p {
  font-size: 14px;
  line-height: 20px;
  color: #e5f1ff80;
  letter-spacing: 0;
  overflow: hidden;
}

.simplePageContainer .panel {
  background: #1d2129;
  border-radius: 0 0 10px 10px;
}

.simplePageContainer.faqPage .wrapperContainer h3,
.simplePageContainer.faqPage .wrapperContainer p.faqTitle {
  text-align: center;
  font-size: 18px;
  color: #e6f1ffcc;
}

.simplePageContainer button.accordion.active {
  border-radius: 10px;
}

body.desktop .simplePageContainer.faqPage .menuConteiner>div:nth-child(2) {
  width: 682px;
  height: 171px;
  background: aqua;
  order: 3;
  margin-top: 30px;
  border-radius: 5px;
}

body.mobile .simplePageContainer.faqPage .menuConteiner>div:nth-child(2),
body.tablet .simplePageContainer.faqPage .menuConteiner>div:nth-child(2) {
  width: 100%;
  height: 171px;
  background: aqua;
  margin-top: 30px;
}

body.tablet .simplePageContainer.faqPage .menuConteiner .wrapperContainer {
  width: 69%;
  margin: 0 auto;
}

body.mobile .simplePageContainer.faqPage .menuConteiner,
body.tablet .simplePageContainer.faqPage .menuConteiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body.tablet .simplePageContainer.faqPage .headerMenu {
  padding-left: 30px;
  padding-bottom: 15px;
}

body.mobile .simplePageContainer.faqPage {
  margin-top: 0;
}

body.tablet .simplePageContainer.faqPage .faqtMenu {
  margin: 0 0 0 30px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

body.mobile .simplePageContainer.faqPage .headerMenu {
  padding-left: 14px;
  padding-bottom: 9px;
}

body.mobile .simplePageContainer.faqPage .faqtMenu {
  margin: 9px 0 0 14px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

body.mobile .simplePageContainer.faqPage .faqtMenu .buttonActiv {
  min-width: 120px;
}

body.mobile .simplePageContainer.faqPage .menuConteiner>div:nth-child(2) {
  margin-top: 18px;
}

body.mobile .simplePageContainer.faqPage .menuConteiner .wrapperContainer {
  margin: 0 auto;
  width: 92.5%;
}

body.desktop .simplePageContainer.freebetPage .wrapperContainer,
body.desktop .simplePageContainer.whatIsFreeSpinstPage .wrapperContainer,
body.desktop .simplePageContainer.depositsWithdrawalsPage .wrapperContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.simplePageContainer.depositsWithdrawalsPage div#withdrawa,
.simplePageContainer.depositsWithdrawalsPage div#deposita {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
}

body.mobile .simplePageContainer.depositsWithdrawalsPage div#withdrawa,
body.mobile .simplePageContainer.depositsWithdrawalsPage div#deposita {
  margin: 59px auto 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(140px, 170px) 8px minmax(140px, 170px);
  grid-template-columns: minmax(140px, 170px) minmax(140px, 170px);
  grid-gap: 8px;
}

body.tablet .simplePageContainer.depositsWithdrawalsPage div#withdrawa,
body.tablet .simplePageContainer.depositsWithdrawalsPage div#deposita {
  gap: 15px 12px;
}

.simplePageContainer.depositsWithdrawalsPage button.accordion.flex-container {
  width: 222px;
  height: 214px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
}

body.mobile .simplePageContainer.depositsWithdrawalsPage button.accordion.flex-container {
  width: 100%;
  height: 173px;
}

.simplePageContainer.depositsWithdrawalsPage .panel {
  display: none;
}

body.desktop .simplePageContainer.depositsWithdrawalsPage #withdrawa h3,
body.desktop .simplePageContainer.depositsWithdrawalsPage #deposita h3 {
  display: none;
}

.simplePageContainer.depositsWithdrawalsPage button.accordion.flex-container div:nth-child(2) {
  margin: 0;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  color: var(--secondary-text);
  order: -1;
  padding-top: 12px;
  padding-left: 14px;
  text-align: left;
}

.simplePageContainer.depositsWithdrawalsPage button.accordion.flex-container div:nth-child(1) {
  line-height: 0;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin: 0 0 0 0;
}

.simplePageContainer.depositsWithdrawalsPage button.accordion.flex-container div:nth-child(1) img {
  width: 100%;
  margin: 0;
}

.simplePageContainer.depositsWithdrawalsPage button.accordion:after {
  display: none;
}

.simplePageContainer.depositsWithdrawalsPage button.accordion.flex-container .information {
  width: min(100%, 206px);
  height: 40px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e6f1ff1a 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 3px 5px 10px #00000080;
  box-shadow: 3px 5px 10px #00000080;
  border-radius: 6px;
  margin-bottom: 8px;
}

body.mobile .simplePageContainer.depositsWithdrawalsPage button.accordion.flex-container .information {
  width: min(100%, 155px);
  -webkit-box-shadow: 3px 5px 10px #00000029;
  box-shadow: 3px 5px 10px #00000029;
}

body.mobile .depositsWithdrawalsPage .wrapperContainer .tabаа button.tablinks,
body.tablet .depositsWithdrawalsPage .wrapperContainer .tabаа button.tablinks {
  width: 120px;
  height: 41px;
}

.depositsWithdrawalsPage .wrapperContainer .tabаа button.tablinks {
  width: 96px;
  height: 33px;
  font-size: 12px;
  padding: 0;
  margin-right: 6px;
  color: #e6f1ffcc;
  background: transparent;
  border: 2px solid var(--disabled-text);
  font-family: "Roboto";
}

.depositsWithdrawalsPage .wrapperContainer .tabаа button.tablinks.active {
  background: var(--primary-text);
  color: var(--surface-surface);
  -webkit-box-shadow: 0px 0px 6px #00c2ff;
  box-shadow: 0px 0px 6px #00c2ff;
}

body.tablet .depositsWithdrawalsPage .wrapperContainer .tabаа {
  margin-bottom: 73px;
  margin-top: 5px;
}

.depositsWithdrawalsPage .wrapperContainer .tabаа {
  margin-top: 0px;
  margin-bottom: 30px;
}

.depositsWithdrawalsPage .wrapperContainer .tabаа button.tablinks.active:after {
  display: none;
}

body.desktop .framedform[data-content="paymentInfo"] .framedcontent .paymentType .paymentImg img {
  width: 100%;
  -webkit-transform: perspective(400px) rotateX(15deg);
  transform: perspective(400px) rotateX(15deg);
}

button.accordion:not(.nohover):hover {
  background: #1d2129;
}

body.desktop .simplePageContainer.casinoRulesPage .wrapperContainer,
body.tablet .simplePageContainer.casinoRulesPage .wrapperContainer,
body.mobile .simplePageContainer.casinoRulesPage .wrapperContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body.mobile .simplePageContainer.additionalRulesPage .wrapperContainer,
body.mobile .simplePageContainer.depositsWithdrawalsPage .wrapperContainer,
body.mobile .simplePageContainer.freebetPage .wrapperContainer,
body.mobile .simplePageContainer.whatIsFreeSpinstPage .wrapperContainer,
body.mobile .simplePageContainer.responsibleGamingPage .wrapperContainer,
body.tablet .simplePageContainer.additionalRulesPage .wrapperContainer,
body.tablet .simplePageContainer.freebetPage .wrapperContainer,
body.tablet .simplePageContainer.whatIsFreeSpinstPage .wrapperContainer,
body.tablet .simplePageContainer.responsibleGamingPage .wrapperContainer,
body.desktop .simplePageContainer.additionalRulesPage .wrapperContainer,
body.desktop .simplePageContainer.responsibleGamingPage .wrapperContainer,
body.tablet .simplePageContainer.depositsWithdrawalsPage .wrapperContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

body.mobile .simplePageContainer.depositsWithdrawalsPage h3 {
  position: absolute;
  top: 52px;
  left: 17px;
  font-size: 24px;
  line-height: 30px;
}

body.tablet .simplePageContainer.depositsWithdrawalsPage h3 {
  position: absolute;
  top: 71px;
  left: 16px;
  margin: 0;
  padding: 0;
}

body.tablet .simplePageContainer.depositsWithdrawalsPage button.accordion.flex-container {
  width: min(100%, 230px);
}

body.tablet .simplePageContainer.depositsWithdrawalsPage button.accordion.flex-container .information {
  min-width: 200px;
  height: 42px;
  box-shadow: 3px 5px 10px #00000029;
}

body.desktop .simplePageContainer.freebetPage,
body.desktop .simplePageContainer.whatIsFreeSpinstPage {
  margin: 0;
  padding-top: 21px;
}

.simplePageContainer.freebetPage #descript .classPromo2,
.simplePageContainer.whatIsFreeSpinstPage #descript .classPromo2 {
  background: #1f232d;
  border-radius: 10px;
  color: var(--secondary-text);
  padding: 16px 17px;
}

body.mobile .simplePageContainer.casinoRulesPage .wrapperContainer {
  margin: 30px 14px 0 14px;
}

.simplePageContainer.responsibleGamingPage .wrapperContainer,
.simplePageContainer.privacyPolicyPage .wrapperContainer>div {
  background: #1d2129;
  padding: 16px 17px;
  margin: 30px 14px 0 14px;
  border-radius: 10px;
}

body.tablet .simplePageContainer.casinoRulesPage .wrapperContainer,
body.tablet .simplePageContainer.responsibleGamingPage .wrapperContainer,
body.tablet .simplePageContainer.privacyPolicyPage .wrapperContainer>div {
  margin-left: 28px;
  margin-right: 28px;
}

.simplePageContainer.additionalRulesPage .menuConteiner .wrapperContainer button.accordion,
.simplePageContainer.casinoRulesPage .menuConteiner .wrapperContainer button.accordion,
.simplePageContainer.faqPage .menuConteiner .wrapperContainer button.accordion {
  margin-top: 8px;
}

body.tablet .simplePageContainer.additionalRulesPage .menuConteiner .wrapperContainer button.accordion,
body.tablet .simplePageContainer.faqPage .menuConteiner .wrapperContainer button.accordion,
body.tablet .simplePageContainer.casinoRulesPage .menuConteiner .wrapperContainer button.accordion {
  margin-top: 12px;
}

body.mobile .simplePageContainer.additionalRulesPage .menuConteiner .wrapperContainer button.accordion,
body.mobile .simplePageContainer.faqPage .menuConteiner .wrapperContainer button.accordion,
body.mobile .simplePageContainer.casinoRulesPage .menuConteiner .wrapperContainer button.accordion {
  margin-top: 6px;
}

body .simplePageContainer.additionalRulesPage button.accordion.active,
body .simplePageContainer.faqPage button.accordion.active,
body .simplePageContainer.casinoRulesPage button.accordion.active {
  border-radius: 10px 10px 0 0;
}

.simplePageContainer.responsibleGamingPage .menuConteiner {
  margin-top: 23px;
  overflow: hidden;
}

/*======== Loyalty ========*/
.loyaltyProgramContainer {
  width: 922px;
  height: 563px;
  margin: 0px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #242934;
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
}

.loyaltyProgramContainer .loyaltyPointsContainer {
  width: 402px;
  height: 563px;
  background-color: #00000033;
  border-radius: 10px 0 0 10px;
  background-image: url(/images/club-rewards/LoyalProgramBackgroundLogo.png?);
  background-repeat: no-repeat;
  background-position: center 145px;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .stage-circle {
  height: 117px;
  text-align: center;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .stage-circle #circle {
  -webkit-transform: rotate(151deg) translate(0%, 0%);
  -ms-transform: rotate(151deg) translate(0%, 0%);
  transform: rotate(151deg) translate(0%, 0%);
  width: 142px;
  height: 150px;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .stage-circle .voucherInfo {
  font-size: 70px;
  color: var(--primary-text);
  font-weight: var(--fw-bold);
  margin-top: -15px;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .awardList>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 78px;
  height: 77px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.mobile .loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .awardList>div {
  margin-bottom: 20px;
}

body.tablet .loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .awardList>div {
  margin-bottom: 20px;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .awardList>div img {
  width: 40px;
  height: 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .awardList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .stage-circle .voucherInfo>p {
  margin: 0px;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .stage-circle .voucherInfo>h4 {
  font-size: 25px;
  line-height: 24px;
  color: var(--primary-text);
  margin: -4px 0 0 0;
  font-weight: var(--fw-bold);
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .stage-circle .voucherInfo>span {
  font-size: 14px;
  line-height: 18px;
  color: #e6f1ff8f;
  display: block;
  margin-top: 9px;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .vipIcon {
  margin-top: 15px;
}

body.desktop .loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .vipIcon {
  margin-top: 0px;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .vipIcon div {
  width: 195px;
  height: 21px;
  background: #001f43fd 0% 0% no-repeat padding-box;
  -webkit-filter: blur(4px);
  filter: blur(4px);
  margin: 10px auto 0;
  opacity: 10%;
  border-radius: 50%;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .shadow {
  width: 264px;
  height: 21px;
  background: #001f43fd 0% 0% no-repeat padding-box;
  -webkit-filter: blur(4px);
  filter: blur(4px);
  margin: 0px auto 0;
  opacity: 10%;
  border-radius: 50%;
}

.menager-contact>div>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  background-color: #1f232d;
  padding: 13px 20px;
  margin: 4px 30px;
  height: 75px;
}

.menager-contact .menager-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 18px;
}

.menager-contact .menager-info h3 {
  margin: 0;
  color: var(--primary-text);
  font-size: 18px;
  text-align: left;
}

.bonuses .menager-contact .menager-info p {
  margin: 5px 0 0;
  color: #e3ecf8cc;
  font-size: 12px;
  margin: 0 14px 17px 0;
  text-align: left;
}

.bonuses .footer-info {
  font-size: 12px;
  text-align: left;
  margin: 20px 45px 0;
  color: var(--secondary-text);
}

.bonuses .footer-info a {
  font-size: 12px;
  color: #1d97ff;
}

.loyaltyProgramContainer .howToIncreaseLevel .increaseLevel>div:nth-child(even) {
  background: #e6f1ff05;
}

.loyaltyProgramContainer .howToIncreaseLevel .increaseLevel>div:nth-child(odd) {
  background: transparent;
}

.loyaltyProgramContainer .transferConteiner .selectedVouchers>div .freerounds {
  position: unset;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader {
  width: 407px;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .logo {
  margin: 0 10px;
}

.loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .logo img {
  width: 60px;
  height: auto;
  margin-top: 0px;
  margin-left: -7px;
}

body.mobile .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .logo img {
  width: 60px;
  height: auto;
}

body.tablet .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .logo img {
  width: 60px;
  height: auto;
}

body.mobile .loyaltyHeader .levelInfo span.infoTitle,
body.tablet .loyaltyHeader .levelInfo span.infoTitle,
body.mobile .loyaltyProgramContainer.vipProgram .loyaltyPointsContainer .loyaltyHeader .level .loyaltyLevel,
body.desktop .loyaltyHeader .levelInfo span.infoTitle {
  font-size: 12px;
  color: var(--disabled-text);
  font-weight: var(--fw-500);
  line-height: 20px;
}

body.mobile .loyaltyHeader .levelInfo .nextLevel,
body.tablet .loyaltyHeader .levelInfo .nextLevel,
body.desktop .loyaltyHeader .levelInfo .nextLevel {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 12px;
}

body.desktop .loyaltyHeader .levelInfo .nextLevel {
  margin-top: 14px;
}

body.desktop .loyaltyHeader .levelInfo .nextLevel>div {
  width: 100%;
}

.loyaltyProgramContainer .bonus_points_to_extended_play span {
  font-size: 20px;
  color: var(--primary-text);
  font-weight: var(--fw-bold);
  height: 80%;
}

.loyaltyProgramContainer .bonus_points_to_extended_play .buttonGroup .buttons span {
  font-size: 20px;
  color: var(--primary-text);
  font-weight: var(--fw-bold);
  height: 60%;
}

body.tablet .loyaltyProgramContainer .bonus_points_to_extended_play .buttonGroup .buttons span {
  font-size: 20px;
  color: var(--primary-text);
  font-weight: var(--fw-bold);
  height: 60%;
}

body.desktop .loyaltyHeader .levelInfo .nextLeve {
  margin-top: 26px;
}

body.desktop .loyaltyHeader .levelInfo .nextLeve>div {
  width: 60%;
}

input:focus-visible {
  outline: none;
}

body.mobile .loyaltyHeader .levelInfo .nextLevel .nextUserLevel,
body.tablet .loyaltyHeader .levelInfo .nextLevel .nextUserLevel,
body.desktop .loyaltyHeader .levelInfo .nextLevel .nextUserLevel {
  font-weight: var(--fw-bold);
  font-size: 16px;
  color: var(--primary-text);
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 2px 0 0;
  width: 50%;
  padding: 19px;
  background: #0000004d;
}

body.mobile .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 2px 0 0;
  width: 50%;
  height: 71px;
  padding: 8px 8px 8px 27px;
  background: #0000004d;
}

body.tablet .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 2px 0 0;
  width: 50%;
  height: 71px;
  padding: 8px 8px 8px 27px;
  background: #0000004d;
}

.loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level .userLevel,
.loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level .nextUserLevel {
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: var(--primary-text);
  line-height: 24px;
  margin-top: 15px;
}

body.mobile .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level .userLevel,
body.mobile .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level .userLevel,
body.tablet .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level .userLevel,
body.tablet .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level .userLevel,
body.desktop .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level .nextUserLevel,
body.desktop .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level .nextUserLevel {
  margin-top: 8px;
}

.loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level .loyaltyLevel {
  font-size: 14px;
  color: var(--disabled-text);
  line-height: 20px;
  margin-bottom: 1px;
  font-weight: var(--fw-500);
}

.loyaltyProgramContainer .userLevel {
  text-transform: capitalize;
}

body.mobile .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level .loyaltyLevel,
body.tablet .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level .loyaltyLevel,
body.desktop .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .level .loyaltyLevel {
  font-size: 12px;
}

body.mobile .loyaltyProgramContainer.vipProgram .userVouchers .voucherInfo .voucherSlider .fill-voucherSlider,
body.tablet .loyaltyProgramContainer.vipProgram .userVouchers .voucherInfo .voucherSlider .fill-voucherSlider,
body.desktop .loyaltyProgramContainer.vipProgram .userVouchers .voucherInfo .voucherSlider .fill-voucherSlider {
  background: var(--primary-text) 0% 0% no-repeat padding-box;
}

.loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 95px;
  width: 49%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 19px;
  background: #0000004d;
}

body.mobile .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 71px;
  width: 50%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 8px 22px 8px 13px;
  background: #0000004d;
}

body.tablet .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 71px;
  width: 50%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 8px 22px 8px 13px;
  background: #0000004d;
}

body.mobile .loyaltyPointsContainer .userVouchers .stage-circle .voucherInfo .levelInfo .rules,
body.tablet .loyaltyPointsContainer .userVouchers .stage-circle .voucherInfo .levelInfo .rules,
body.desktop .loyaltyPointsContainer .userVouchers .stage-circle .voucherInfo .levelInfo .rules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 78px;
  height: 25px;
  background: #e6f1ff26 0% 0% no-repeat padding-box;
  border-radius: 13px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: #e6f1ffe6;
  cursor: pointer;
  margin-top: -5px;
}

body.mobile .loyaltyPointsContainer .userVouchers .stage-circle .voucherInfo .levelInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.tablet .loyaltyPointsContainer .userVouchers .stage-circle .voucherInfo .levelInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.close {
  cursor: pointer;
}

.loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo .increaseLevel {
  font-size: 12px;
  color: var(--disabled-text);
  margin-bottom: 8px;
  font-weight: var(--fw-500);
  cursor: pointer;
}

body.mobile .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo .increaseLevel,
body.tablet .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo .increaseLevel,
body.desktop .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo .increaseLevel {
  font-size: 10px;
  text-decoration: underline;
  color: var(--primary-text);
  margin-bottom: 5px;
}

.loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo .userPoints {
  font-size: 12px;
  color: var(--primary-text);
  font-weight: var(--fw-500);
  line-height: 16px;
  margin-bottom: 3px;
}

body.mobile .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo .userPoints,
body.tablet .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo .userPoints,
body.desktop .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo .userPoints {
  font-size: 10px;
  color: var(--primary-text);
  line-height: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 1px;
}

.loyaltyProgramContainer .tab2 span {
  text-align: center;
  font-size: 14px;
  display: block;
  margin-top: 8px;
  color: var(--secondary-text);
  font-weight: var(--fw-500);
}

.loyaltyProgramContainer .tab2 div.active span {
  color: var(--primary-text);
  opacity: 100%;
}

.loyaltyProgramContainer .tab2 div.active {
  border-bottom: 3px solid var(--secondary-main);
}

.loyaltyProgramContainer .tab2 div {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 14px;
  width: 50%;
  text-align: center;
  border-bottom: 2px solid #e6f1ff1a;
}

.loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo .slider {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background-color: #e6f1ff1a;
  margin-left: 7px;
}

.loyaltyProgramContainer .loyaltyPointsContainer .levelInfo2 .slider {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background-color: #e6f1ff1a;
}

.loyaltyProgramContainer .loyaltyPointsContainer .levelInfo2 {
  background: #15171d80 0% 0% no-repeat padding-box;
}

.loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo .slider .fill-slider {
  height: 5px;
  border-radius: 5px;
  background-color: #1d97fb;
  max-width: 100%;
}

.loyaltyProgramContainer .loyaltyPointsContainer .levelInfo2 .slider .fill-slider {
  height: 5px;
  border-radius: 5px;
  background-color: #1d97fb;
  max-width: 100%;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers {
  height: calc(563px - 155px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 20px;
  text-align: center;
}

.loyaltyProgramContainer.vipProgram .loyaltyPointsContainer .userVouchers {
  background-image: none;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .userLevelInfo h3 {
  color: var(--primary-text);
  font-size: 14px;
  margin: 13px 0;
  font-weight: var(--fw-500);
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .userLevelInfo p {
  color: #e6f1ff99;
  font-size: 12px;
  text-align: left;
  padding: 0;
  margin-bottom: 3px;
}

div[onclick="openBigWithdraw()"] p {
  padding: 0 3px;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .userLevelInfo .moreInfo {
  color: #1d97ff;
  font-size: 12px;
  cursor: pointer;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .rules {
  color: var(--disabled-text);
  font-size: 12px;
  cursor: pointer;
}

.loyaltyProgramContainer .rightContainer {
  width: 520px;
  height: 563px;
  background-color: #242934;
  border-radius: 0px 10px 10px;
}

.loyaltyProgramContainer .rightContainer .vip .benefitsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: auto;
  margin: 0 16px;
}

body.mobile .loyaltyProgramContainer .rightContainer .vip .benefitsContainer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 15px 8px 0px;
}

body.tablet .loyaltyProgramContainer .rightContainer .vip .benefitsContainer {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 15px 8px 0px;
}

.loyaltyProgramContainer .rightContainer .vip .benefitsContainer .benefit {
  width: 240px;
  height: 180px;
  border-radius: 10px;
  background: #e6f1ff0d 0% 0% no-repeat padding-box;
}

.loyaltyProgramContainer .rightContainer .vip .benefitsContainer .benefit .benefitHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 7px 7px 0 0;
}

.loyaltyProgramContainer .rightContainer .vip .benefitsContainer .benefit .benefitHeader img {
  width: 11px;
  height: 11px;
}

.loyaltyProgramContainer .rightContainer .vip .benefitsContainer .benefit .benefitHeader span {
  font-size: 10px;
  line-height: 12px;
  margin-right: 6px;
  color: var(--primary-text);
}

.loyaltyProgramContainer .rightContainer .vip .benefitsContainer .benefit .benefitInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 0 8px;
}

.loyaltyProgramContainer .rightContainer .vip .benefitsContainer .benefit .benefitInfo img {
  width: 52px;
  height: 57px;
}

.loyaltyProgramContainer .rightContainer .vip .benefitsContainer .benefit .benefitInfo h3 {
  margin: 14px 0 10px;
  font-size: 14px;
  color: var(--primary-text);
  font-weight: var(--fw-bold);
  line-height: 16px;
  text-align: center;
}

.loyaltyProgramContainer .rightContainer .vip .benefitsContainer .benefit .benefitInfo p {
  margin: 0 25px;
  font-size: 12px;
  color: var(--secondary-text);
  font-weight: var(--fw-500);
}

.loyaltyProgramContainer .rightContainer .rightHeader {
  height: 46px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo {
  text-align: center;
  padding: 20px 30px 30px;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .liyaltyLevelHeader {
  font-size: 16px;
  color: var(--primary-text);
  margin-bottom: 20px;
  font-weight: var(--fw-500);
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: auto;
  margin: 0 -30px;
  padding-bottom: 5px;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo ul li.activ {
  background-color: var(--primary-text);
  border-radius: 21px;
  box-shadow: 0px 0px 6px #00c2ff;
  color: var(--surface-surface);
  font-size: 12px;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .levelMoreInfo p {
  font-size: 12px;
  color: #e6f1ff99;
  text-align: left;
  margin-top: 30px;
  margin-bottom: 41px;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .levelMoreInfo .levelPrize h3 {
  font-size: 16px;
  color: var(--primary-text);
  font-weight: var(--fw-bold);
  margin-bottom: 21px;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .levelMoreInfo .levelPrize>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .levelMoreInfo .levelPrize>div div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 78px;
  height: 78px;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo span {
  font-size: 10px;
  color: #e6f1ff99;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo span.award {
  font-size: 20px;
  color: var(--primary-text);
  font-weight: var(--fw-bold);
}

.loyaltyProgramContainer .howToIncreaseLevel {
  text-align: center;
  padding: 1px 0px 30px;
}

.loyaltyProgramContainer .howToIncreaseLevel h4 {
  font-size: 16px;
  color: var(--primary-text);
  font-weight: var(--fw-500);
  margin-top: 42px;
}

.loyaltyProgramContainer .howToIncreaseLevel>span {
  font-size: 12px;
  color: #e6f1ff99;
  display: block;
  margin-bottom: 40px;
}

.loyaltyProgramContainer .howToIncreaseLevel .increaseLevel .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 37px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 27px;
}

.loyaltyProgramContainer .howToIncreaseLevel .increaseLevel>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 37px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 27px;
}

.loyaltyProgramContainer .rightContainer .howToIncreaseLevel .increaseLevel .header span {
  font-size: 12px;
  color: var(--primary-text);
  font-weight: var(--fw-bold);
}

.loyaltyProgramContainer .howToIncreaseLevel .increaseLevel span.prize {
  text-align: left;
  width: 130px;
  color: #e6edf7e6;
  font-weight: var(--fw-500);
}

.loyaltyProgramContainer .howToIncreaseLevel .increaseLevel span {
  font-size: 14px;
  color: var(--disabled-text);
  font-weight: var(--fw-500);
}

.loyaltyProgramContainer .transferConteiner {
  padding: 20px 32px 30px;
}

.loyaltyProgramContainer .transferConteiner h4 {
  margin: 0 0 30px 0;
  color: var(--disabled-text);
  font-size: 12px;
  font-weight: var(--fw-500);
}

.loyaltyProgramContainer .bonus_points_to_extended_play {
  margin-bottom: 45px;
}

.loyaltyProgramContainer .vip .bonus_points_to_extended_play {
  margin: 28px 33px 0 48px;
}

body.mobile .loyaltyProgramContainer .vip .bonus_points_to_extended_play {
  margin: 0 9px;
}

body.tablet .loyaltyProgramContainer .vip .bonus_points_to_extended_play {
  margin: 0 14px;
}

.loyaltyProgramContainer .bonus_points_to_extended_play .buttonGroup {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.loyaltyProgramContainer .bonus_points_to_extended_play .setVouchers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loyaltyProgramContainer .bonus_points_to_extended_play .setVouchers .infoGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

/* .loyaltyProgramContainer .bonus_points_to_extended_play .setVouchers .infoGroup img {
  margin-right: 8px;
  width: 36px;
  } */
.loyaltyProgramContainer .bonus_points_to_extended_play .setVouchers .infoGroup img {
  margin-right: 8px;
  width: 49px;
}

body.mobile .loyaltyProgramContainer .bonus_points_to_extended_play .setVouchers .infoGroup img {
  width: 36px;
}

body.mobile .userVouchers .voucherInfo .voucherSlider,
body.tablet .userVouchers .voucherInfo .voucherSlider,
body.desktop .userVouchers .voucherInfo .voucherSlider {
  width: 201px;
  height: 5px;
  text-align: center;
  background: #e6f1ff26 0% 0% no-repeat padding-box;
  border-radius: 5px;
  margin: 10px auto;
}

body.mobile .userVouchers .voucherInfo .voucherSlider .fill-voucherSlider,
body.tablet .userVouchers .voucherInfo .voucherSlider .fill-voucherSlider,
body.desktop .userVouchers .voucherInfo .voucherSlider .fill-voucherSlider {
  max-width: 100%;
  background: #1d97ff 0% 0% no-repeat padding-box;
  border-radius: 5px;
  height: 5px;
}

.loyaltyProgramContainer .bonus_points_to_extended_play .buttons {
  text-align: center;
  font-size: 20px;
  width: 25px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.iframemassage .promo .freerounds {
  color: #acb3be;
  text-align: center;
  position: unset;
  font-size: 14px;
}

.loyaltyProgramContainer .bonus_points_to_extended_play .buttons[data-type="inc"] {
  border-radius: 0 5px 5px 0;
}

.loyaltyProgramContainer .bonus_points_to_extended_play .buttons[data-type="dec"] {
  border-radius: 5px 0px 0px 5px;
}

body.desktop .buttonActiv.Bronze {
  padding: 0 15px;
}

body.desktop .buttonActiv.VIP {
  padding: 0 25px;
}

body.desktop .buttonActiv.Silver,
body.desktop .buttonActiv.Gold {
  padding: 0 20px;
}

.loyaltyProgramContainer .bonus_points_to_extended_play .normalButton {
  background-color: var(--secondary-main);
  color: var(--primary-text);
}

.loyaltyProgramContainer .bonus_points_to_extended_play .inActButton {
  background-color: #e6f1ff1a;
  color: #e4edf833;
  cursor: context-menu;
}

.loyaltyProgramContainer .bonus_points_to_extended_play .buttonGroup .result {
  width: 42px;
  height: 40px;
  font-size: 20px;
  background-color: #11131dcc;
  color: var(--primary-text);
  font-weight: var(--fw-bold);
  text-align: center;
  padding-top: 9px;
}

body.mobile .loyaltyProgramContainer .bonus_points_to_extended_play .result {
  width: 39px;
  height: 40px;
}

body.tablet .loyaltyProgramContainer .bonus_points_to_extended_play .result {
  width: 39px;
  height: 40px;
}

.loyaltyProgramContainer .bonus_points_to_extended_play .coucherCount {
  color: var(--primary-text);
  font-size: 14px;
  font-weight: var(--fw-500);
}

.loyaltyProgramContainer .transferConteiner .selectedVouchers>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
}

.input-wrapper.error .iti--separate-dial-code .hints {
  display: none;
}

.loyaltyProgramContainer .loyaltyFooter {
  width: 100%;
  height: 97px;
  background-color: #e6f1ff05;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 22px 36px 23px 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px 0px 10px 0px;
}

.loyaltyProgramContainer .loyaltyFooter .betContainer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 15px;
}

.loyaltyProgramContainer .loyaltyFooter .betContainer .transferResult {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loyaltyProgramContainer .loyaltyFooter .betContainer .successInfo img {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}

.loyaltyProgramContainer .loyaltyFooter .betContainer .successText h4 {
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: var(--primary-text);
  margin: 0;
  line-height: 20px;
}

.loyaltyProgramContainer .loyaltyFooter .betContainer .successText span {
  font-size: 12px;
  color: var(--disabled-text);
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .increaseLevel {
  color: #1d97ff;
  font-size: 12px;
  cursor: pointer;
}

.loyaltyProgramContainer .rightContainer .level p {
  font-size: 12px;
  text-align: center;
  margin-top: 12px;
  color: #e6f1ff99;
  height: 50px;
}

body.mobile .loyaltyProgramContainer .rightContainer .level p {
  height: 65px;
}

.loyaltyProgramContainer .rightContainer .level h3 {
  font-weight: var(--fw-bold);
  font-size: 16px;
  color: var(--primary-text);
  margin-top: 38px;
}

.loyaltyFooter .vipFooter div span.totalVouchers {
  color: var(--primary-text);
  font-size: 16px;
}

.loyaltyProgramContainer .rightContainer .headerVipBack {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 99px;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  height: 32px;
  border-radius: 17px;
  background: var(--primary-text) 0% 0% no-repeat padding-box;
  color: var(--surface-surface) cc;
  font-size: 12px;
  font-weight: var(--fw-500);
  margin-left: 25px;
  cursor: pointer;
}

.loyaltyProgramContainer .rightContainer .headerVipBack img {
  width: 7px;
}

.loyaltyProgramContainer .loyaltyFooter .button.inActiv {
  width: 131px;
  height: 45px;
  background-color: #1d222c99;
  text-align: center;
  color: #e6f1ff1a;
  padding-top: 12px;
  border-radius: 5px;
}

.loyaltyProgramContainer .loyaltyFooter .button.activ {
  width: 131px;
  height: 45px;
  background-color: var(--secondary-main);
  text-align: center;
  font-size: 16px;
  color: var(--primary-text);
  padding-top: 12px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px var(--secondary-main) 80;
  box-shadow: 0px 0px 10px var(--secondary-main) 80;
  cursor: pointer;
}

.loyaltyProgramContainer .button {
  width: 131px;
  height: 45px;
  text-align: center;
  font-size: 16px;
  padding-top: 12px;
  border-radius: 5px;
  font-weight: var(--fw-500);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.desktop .loyaltyProgramContainer .button {
  width: 131px !important;
}

.loyaltyProgramContainer .back {
  color: var(--primary-text);
  background-color: #e6f1ff1a;
  float: right;
  cursor: pointer;
}

.loyaltyProgramContainer .loyaltyFooter .backContainer {
  width: 100%;
}

.vip-bonuses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 5px 0 12px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  cursor: pointer;
}

body.mobile .vip-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px;
}

body.mobile .vip-images img {
  width: 67px;
}

body.mobile .bonus-info {
  margin: 9px 0px;
  width: 71%;
}

body.mobile .bonus-info h5 {
  margin: 0;
  color: var(--primary-text);
  font-size: 14px;
  text-align: left;
}

body.mobile .bonus-info p {
  font-size: 10px;
  text-align: left;
  color: #e4edf8;
  opacity: 90%;
  margin: 4px 0;
}

body.mobile .bonus-procent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 7px 8px 27px 0;
}

body.mobile .bonus-procent p {
  color: var(--primary-text);
  font-size: 20px;
  text-shadow: 0px 0px 6px var(--secondary-main) 9b;
  font-weight: 900;
  font-style: italic;
  margin: 9px 0 0 0;
  text-align: center;
}

body.mobile .vip-bonuses-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 97%;
  height: 85px;
  border-radius: 10px;
  background-color: #e6f1ff0d;
  margin: 0px auto 7px;
}

.vip-bonuses div {
  width: 85px;
  height: 75px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  margin: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vipFooter .vouchers {
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: var(--primary-text);
  border: 4px solid #1d97ff;
  -webkit-box-shadow: 0px 0px 6px #1d97ff;
  box-shadow: 0px 0px 6px #1d97ff;
  width: 37px;
  height: 37px;
  border-radius: 19px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.rightContainer .loyaltyFooter .vipFooter .vouchers .userVouchersCount {
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: var(--primary-text);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.vip-bonuses-menu div .active_vip_bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vip-bonuses-menu div .active_vip_bonus span {
  font-size: 10px;
  color: var(--primary-text);
  line-height: 15px;
}

.vip-bonuses-menu div .active_vip_bonus img {
  width: 11px;
  height: 11px;
  margin: 0 0 0 10px;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .userLevelInfo .vip-bonuses div p {
  margin: 0;
  font-size: 12px;
  color: var(--primary-text);
  line-height: 16px;
  text-align: center;
  font-weight: var(--fw-500);
  padding: 0;
}

.loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .userLevelInfo .vip-bonuses div img {
  width: 50px;
}

.loyaltyProgramContainer .mobileHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
}

.loyaltyProgramContainer .mobileHead span {
  font-size: 16px;
  color: var(--primary-text);
}

.vip .bonuses {
  text-align: center;
  height: 470px;
  overflow: auto;
}

body.desktop .vip .bonuses {
  height: 466px;
  padding-top: 30px;
}

.vip .bonuses[program-type="bigBet"],
.vip .bonuses[program-type="fastWithdraw"] {
  margin-top: 80px;
}

body.desktop .vip .bonuses[program-type="bigBet"],
body.desktop .vip .bonuses[program-type="fastWithdraw"] {
  margin-top: 0px;
  padding-top: 90px;
}

.vip .bonuses::-webkit-scrollbar {
  width: 0px;
}

.loyaltyRules>div::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

body.desktop .loyaltyRules {
  height: 100%;
}

body.desktop .loyaltyRules>div,
body.mobile .loyaltyRules>div {
  overflow: auto;
  height: 106%;
  padding-bottom: 50px;
}

body.tablet .loyaltyRules>div {
  overflow: auto;
  height: 74%;
  padding-bottom: 50px;
}

.vip .bonuses p {
  font-size: 14px;
  text-align: left;
  color: #e4edf8b3;
  margin: 0 30px;
}

.vip .bonuses .vip-payment-info p {
  font-size: 14px;
  text-align: center;
  color: var(--primary-text);
  margin: 0;
}

.vip .bonuses h4 {
  font-size: 18px;
  color: var(--primary-text);
  font-weight: var(--fw-500);
  margin: 0px 0px 10px 0px;
}

.loyaltyFooter .vipFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loyaltyFooter .vipFooter div h3 {
  margin: 0px;
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: var(--primary-text);
  line-height: 24px;
}

.loyaltyFooter .vipFooter div span {
  font-size: 12px;
  line-height: 16px;
  color: var(--disabled-text);
}

.payment-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}

.payment-content .vip-payment {
  width: 47%;
  height: 183px;
  border-radius: 10px;
  background-color: #e6f1ff0d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px;
  margin: 4px;
}

.payment-content .vip-payment .vip-payment-type p {
  font-size: 10px;
  margin: 0;
  opacity: 100%;
  text-align: left;
  color: var(--primary-text);
}

.payment-content .vip-payment:first-child .vip-payment-logo {
  margin: 28px auto 3px;
}

.payment-content .vip-payment .vip-payment-logo {
  text-align: center;
  margin: 5px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.payment-content .vip-payment:first-child .vip-payment-logo img {
  width: 123px;
  height: 50px;
}

.payment-content .vip-payment .vip-payment-logo img {
  width: 71px;
  height: 71px;
}

.payment-content .vip-payment .vip-payment-info {
  margin: 23px 6px;
  padding-bottom: 23px;
}

body.mobile .loyaltyProgramContainer.vipProgram .payment-content .vip-payment .vip-payment-info p {
  font-size: 14px;
  text-align: center;
  margin: 0 0 4px;
  opacity: 100%;
  color: var(--primary-text);
}

body.tablet .loyaltyProgramContainer.vipProgram .payment-content .vip-payment .vip-payment-info p {
  font-size: 14px;
  text-align: center;
  margin: 0 0 4px;
  opacity: 100%;
  color: var(--primary-text);
}

.payment-content .vip-payment .vip-payment-info span {
  font-size: 10px;
  display: block;
  text-align: center;
  color: #e4edf8;
  opacity: 60%;
}

body.desktop .loyaltyProgramContainer .loyalty-program-list {
  height: 420px;
}

body.mobile .loyaltyProgramContainer {
  flex-direction: column;
  width: 100%;
  height: 117%;
  margin: 0px auto 0px;
  background-color: var(--surface-surface) 0% 0% no-repeat padding-box;
}

body.tablet .loyaltyProgramContainer {
  flex-direction: column;
  width: 100%;
  height: 117%;
  margin: 0px auto 0px;
  background-color: var(--surface-surface) 0% 0% no-repeat padding-box;
}

body.mobile .loyaltyProgramContainer.vip {
  flex-direction: column;
  width: 100%;
  height: 105%;
  margin: 0px auto 0px;
  background-color: var(--surface-surface) 0% 0% no-repeat padding-box;
}

body.tablet .loyaltyProgramContainer.vip {
  flex-direction: column;
  width: 100%;
  height: 105%;
  margin: 0px auto 0px;
  background-color: var(--surface-surface) 0% 0% no-repeat padding-box;
}

body.mobile .loyaltyProgramContainer.vipProgram {
  height: 970px;
}

body.tablet .loyaltyProgramContainer.vipProgram {
  height: 970px;
}

body.mobile .loyaltyProgramContainer .moreinfoAndRules,
body.tablet .loyaltyProgramContainer .moreinfoAndRules,
body.desktop .loyaltyProgramContainer .moreinfoAndRules {
  display: flex;
  justify-content: space-between;
  padding: 11px 20px 0;
}

body.mobile .loyaltyProgramContainer .moreinfoAndRules .moreInfo,
body.mobile .loyaltyProgramContainer .moreinfoAndRules .increaseLevel,
body.tablet .loyaltyProgramContainer .moreinfoAndRules .moreInfo,
body.tablet .loyaltyProgramContainer .moreinfoAndRules .increaseLevel,
body.desktop .loyaltyProgramContainer .moreinfoAndRules .increaseLevel,
body.desktop .loyaltyProgramContainer .moreinfoAndRules .moreInfo {
  color: #e6f1ffcc;
  font-size: 14px;
  font-weight: var(--fw-bold);
  cursor: pointer;
  text-decoration: underline;
}

body.mobile .loyaltyProgramContainer .moreinfoAndRules .rules,
body.tablet .loyaltyProgramContainer .moreinfoAndRules .rules,
body.desktop .loyaltyProgramContainer .moreinfoAndRules .rules {
  color: #ffffff99;
  font-size: 14px;
  font-weight: var(--fw-500);
}

body.mobile .loyaltyProgramContainer .loyaltyPointsContainer {
  width: 100%;
  background-color: var(--surface-surface);
  height: 440px;
  border-radius: 10px 10px 0 0;
  margin-bottom: -40px;
}

body.tablet .loyaltyProgramContainer .loyaltyPointsContainer {
  width: 100%;
  background-color: var(--surface-surface);
  height: 461px;
  border-radius: 10px 10px 0 0;
  margin-bottom: -40px;
}

body.mobile .loyaltyProgramContainer .rightContainer {
  width: auto;
  height: 358px;
  border-radius: 0px 0px 10px 10px;
  margin-top: 0px;
}

body.tablet .loyaltyProgramContainer .rightContainer {
  width: auto;
  height: 358px;
  border-radius: 0px 0px 10px 10px;
  margin-top: 0px;
}

body.mobile .loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .userLevelInfo {
  display: none;
}

body.mobile .rightContainer .rightHeader img {
  position: absolute;
  top: 75px;
  right: 20px;
}

body.mobile .loyaltyProgramContainer.vipProgram .transferConteiner .selectedVouchers {
  display: none;
}

body.tablet .loyaltyProgramContainer.vipProgram .transferConteiner .selectedVouchers {
  display: none;
}

body.mobile .loyaltyProgramContainer .transferConteiner h4 {
  color: var(--disabled-text);
  font-size: 14px;
  text-align: left;
  margin: 11px 0 0 0;
}

body.tablet .loyaltyProgramContainer .transferConteiner h4 {
  color: var(--disabled-text);
  font-size: 14px;
  text-align: left;
  margin: 11px 0 0 0;
}

body.mobile .loyaltyProgramContainer .loyaltyPointsContainer .userVouchers .rules {
  display: none;
}

body.mobile .loyaltyProgramContainer .loyaltyPointsContainer .userVouchers {
  height: calc(563px - 155px);
}

body.mobile .loyaltyProgramContainer.vipProgram .loyaltyPointsContainer .userVouchers {
  height: calc(563px - 290px);
}

body.tablet .loyaltyProgramContainer.vipProgram .loyaltyPointsContainer .userVouchers {
  height: calc(563px - 290px);
}

body.mobile .loyaltyProgramContainer .bonus_points_to_extended_play .buttons {
  width: 35px;
}

body.mobile .loyaltyProgramContainer .transferConteiner {
  padding: 0 13px;
}

body.tablet .loyaltyProgramContainer .transferConteiner {
  padding: 20px 23px 30px;
}

body.mobile .loyaltyProgramContainer .bonus_points_to_extended_play {
  margin-bottom: 0px;
}

body.mobile .loyaltyProgramContainer.vipProgram .loyaltyFooter {
  width: 100%;
  background-color: transparent;
  padding: 50px 12px 15px;
}

body.tablet .loyaltyProgramContainer.vipProgram .loyaltyFooter {
  width: 100%;
  background-color: transparent;
  padding: 50px 12px 15px;
}

body.mobile .loyaltyProgramContainer .loyaltyFooter {
  width: 100%;
  background-color: transparent;
  padding: 37px 12px 15px;
}

body.tablet .loyaltyProgramContainer .loyaltyFooter {
  width: 100%;
  background-color: transparent;
  padding: 37px 23px 15px;
}

body.mobile .loyaltyProgramContainer.vipProgram .loyaltyFooter {
  width: 100%;
  background-color: transparent;
  padding: 0 12px 15px;
  position: relative;
  top: 30px;
}

body.tablet .loyaltyProgramContainer.vipProgram .loyaltyFooter {
  width: 100%;
  background-color: transparent;
  padding: 0 14px 15px;
  position: relative;
  top: 30px;
}

body.mobile .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader {
  width: 100%;
  height: 71px;
  text-align: left;
}

body.tablet .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader {
  width: 100%;
  height: 71px;
  text-align: left;
}

body.mobile .betContainerMobile {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
}

body.tablet .betContainerMobile {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
}

body.mobile .betContainerMobile .voucherTypeAndCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

body.tablet .betContainerMobile .voucherTypeAndCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

body.mobile .loyaltyProgramContainer .loyaltyFooter .button {
  width: 100%;
  margin: 23px 0 20px 0;
}

body.tablet .loyaltyProgramContainer .loyaltyFooter .button {
  width: 100%;
  margin: 23px 0 20px 0;
}

body.mobile .loyaltyProgramContainer .loyaltyFooter .backContainer .button {
  width: 100%;
  margin: 0px 0 0px 0;
}

body.tablet .loyaltyProgramContainer .loyaltyFooter .backContainer .button {
  width: 100%;
  margin: 0px 0 0px 0;
}

body.mobile .loyaltyProgramContainer .rightContainer .rightHeader {
  height: 0px;
  padding: 0;
}

body.tablet .loyaltyProgramContainer .rightContainer .rightHeader {
  height: 0px;
  padding: 0;
}

body.mobile .loyaltyProgramContainer.vipProgram .rightContainer {
  height: 620px;
  /* 535px; */
  overflow: hidden;
}

body.tablet .loyaltyProgramContainer.vipProgram .rightContainer {
  height: 470px;
  /* 535px; */
  overflow: hidden;
}

body.mobile .loyaltyProgramContainer.vipProgram .loyaltyPointsContainer {
  border-radius: 10px 10px 0 0;
  height: 440px;
  margin-bottom: 0px;
}

body.tablet .loyaltyProgramContainer.vipProgram .loyaltyPointsContainer {
  border-radius: 10px 10px 0 0;
  height: 419px;
  margin-bottom: 0px;
}

body.mobile .loyaltyProgramContainer.vipProgram .loyaltyPointsContainer .userVouchers .stage-circle .voucherInfo>span {
  color: #e8eef8cc;
}

body.tablet .loyaltyProgramContainer.vipProgram .loyaltyPointsContainer .userVouchers .stage-circle .voucherInfo>span {
  color: #e8eef8cc;
}

body.mobile .loyaltyProgramContainer.vipProgram .loyalty-program-list {
  height: 416px;
}

body.tablet .loyaltyProgramContainer.vipProgram .loyalty-program-list {
  height: 325px;
}

body.mobile .loyaltyProgramContainer .loyalty-program-list {
  height: 225px;
}

body.tablet .loyaltyProgramContainer .loyalty-program-list {
  height: 230px;
}

body.mobile .loyaltyProgramContainer.vipProgram .moreinfoAndRules .moreInfo,
body.mobile .loyaltyProgramContainer.vipProgram .moreinfoAndRules .increaseLevel,
body.tablet .loyaltyProgramContainer.vipProgram .moreinfoAndRules .moreInfo,
body.tablet .loyaltyProgramContainer.vipProgram .moreinfoAndRules .increaseLevel,
body.desktop .loyaltyProgramContainer.vipProgram .moreinfoAndRules .increaseLevel,
body.desktop .loyaltyProgramContainer.vipProgram .moreinfoAndRules .moreInfo {
  color: var(--primary-text);
  text-decoration: underline;
  cursor: pointer;
}

body.desktop .loyaltyProgramContainer .loyaltyPointsContainer .loyaltyHeader .levelInfo .rules {
  margin-right: -30px;
}

body.mobile .loyaltyProgramContainer.vipProgram .moreinfoAndRules .rules,
body.tablet .loyaltyProgramContainer.vipProgram .moreinfoAndRules .rules,
body.desktop .loyaltyProgramContainer.vipProgram .moreinfoAndRules .rules {
  color: var(--primary-text);
  text-decoration: underline;
  cursor: pointer;
}

body.mobile .loyaltyProgramContainer.vipProgram .mobileSuccess h3 {
  color: var(--primary-text);
  font-size: 20px;
  font-weight: var(--fw-500);
  margin: 20px 0 0px;
}

body.tablet .loyaltyProgramContainer.vipProgram .mobileSuccess h3 {
  color: var(--primary-text);
  font-size: 20px;
  font-weight: var(--fw-500);
  margin: 20px 0 0px;
}

body.mobile .loyaltyProgramContainer.vipProgram .mobileSuccess span {
  color: var(--disabled-text);
  font-size: 12px;
  font-weight: var(--fw-500);
}

body.tablet .loyaltyProgramContainer.vipProgram .mobileSuccess span {
  color: var(--disabled-text);
  font-size: 12px;
  font-weight: var(--fw-500);
}

body.mobile .loyaltyProgramContainer.vipProgram .mobileSuccess .button.back {
  width: 319px;
  margin: 42px 9px 0px;
}

body.tablet .loyaltyProgramContainer.vipProgram .mobileSuccess .button.back {
  width: 319px;
  margin: 42px 9px 0px;
}

body.mobile .loyaltyProgramContainer.vipProgram .vip-bonuses {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

body.tablet .loyaltyProgramContainer.vipProgram .vip-bonuses {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

body.mobile .loyaltyProgramContainer.vipProgram .vip-bonuses>div {
  width: 46%;
  height: 50%;
  border-radius: 10px;
  background-color: #e6f1ff0d;
  margin: 6px 0px 4px;
  padding-top: 20px;
}

body.tablet .loyaltyProgramContainer.vipProgram .vip-bonuses>div {
  width: 46%;
  height: 50%;
  border-radius: 10px;
  background-color: #e6f1ff0d;
  margin: 6px 0px 4px;
  padding-top: 20px;
}

body.mobile .loyaltyRules {
  height: 445px;
}

body.tablet .loyaltyRules {
  height: 360px;
}

body.mobile .loyaltyProgramContainer.vipProgram .vip-bonuses img {
  width: 100px;
}

body.tablet .loyaltyProgramContainer.vipProgram .vip-bonuses img {
  width: 100px;
}

body.mobile .loyaltyProgramContainer.vipProgram .vip-bonuses p {
  font-size: 12px;
  color: var(--primary-text);
  font-weight: var(--fw-500);
  margin: 5px 0 20px;
}

body.tablet .loyaltyProgramContainer.vipProgram .vip-bonuses p {
  font-size: 12px;
  color: var(--primary-text);
  font-weight: var(--fw-500);
  margin: 5px 0 20px;
}

body.mobile .loyaltyProgramContainer.vipProgram .bonuses {
  text-align: center;
  height: 100%;
}

body.tablet .loyaltyProgramContainer.vipProgram .bonuses {
  text-align: center;
  height: 100%;
}

body.mobile .loyaltyProgramContainer.vipProgram .bonuses[program-type="bigWithdraw"] {
  height: 315px;
  overflow: auto;
}

body.tablet .loyaltyProgramContainer.vipProgram .bonuses[program-type="bigWithdraw"] {
  height: 315px;
  overflow: auto;
}

body.mobile .loyaltyProgramContainer.vipProgram .bonuses .menager-contact>div>a {
  background-color: #e6f1ff0d;
  margin: 4px 14px;
}

body.tablet .loyaltyProgramContainer.vipProgram .bonuses .menager-contact>div>a {
  background-color: #e6f1ff0d;
  margin: 4px 14px;
}

body.mobile .loyaltyProgramContainer.vipProgram .bonuses h4 {
  font-size: 18px;
  text-align: center;
  color: var(--primary-text);
  font-weight: var(--fw-500);
  margin: 0px 14px 14px 14px;
}

body.tablet .loyaltyProgramContainer.vipProgram .bonuses h4 {
  font-size: 18px;
  text-align: center;
  color: var(--primary-text);
  font-weight: var(--fw-500);
  margin: 0px 14px 14px 14px;
}

body.mobile .loyaltyProgramContainer.vipProgram .bonuses p {
  font-size: 12px;
  color: var(--secondary-text);
  font-weight: var(--fw-500);
  margin: 0 14px 17px;
  text-align: left;
}

body.tablet .loyaltyProgramContainer.vipProgram .bonuses p {
  font-size: 12px;
  color: var(--secondary-text);
  font-weight: var(--fw-500);
  margin: 0 14px 17px;
  text-align: left;
}

body.mobile .loyaltyProgramContainer.vipProgram .bonuses .menager-contact .menager-info p {
  margin: 0 0 17px 0;
}

body.tablet .loyaltyProgramContainer.vipProgram .bonuses .menager-contact .menager-info p {
  margin: 0 0 17px 0;
}

body.mobile .loyaltyProgramContainer.vipProgram .vipBenefit .bonuses .vip-payment-type p {
  margin: 0 14px -5px;
}

body.tablet .loyaltyProgramContainer.vipProgram .vipBenefit .bonuses .vip-payment-type p {
  margin: 0 14px -5px;
}

body.mobile .loyaltyProgramContainer.vipProgram .bonuses .footer-info {
  font-weight: var(--fw-500);
  margin: 20px 14px 30px 17px;
}

body.tablet .loyaltyProgramContainer.vipProgram .bonuses .footer-info {
  font-weight: var(--fw-500);
  margin: 20px 14px 30px 17px;
}

body.mobile .loyaltyProgramContainer.vipProgram .vip-benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin: 20px 0 20px;
}

body.tablet .loyaltyProgramContainer.vipProgram .vip-benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin: 20px 0 20px;
}

body.mobile .loyaltyProgramContainer.vipProgram .vip-benefit .vip-payment-info p {
  margin: 0 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.tablet .loyaltyProgramContainer.vipProgram .vip-benefit .vip-payment-info p {
  margin: 0 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.mobile .loyaltyProgramContainer.vipProgram .vip-benefit div {
  width: 75px;
  height: 75px;
  border-radius: 10px;
}

body.tablet .loyaltyProgramContainer.vipProgram .vip-benefit div {
  width: 75px;
  height: 75px;
  border-radius: 10px;
}

body.mobile .loyaltyProgramContainer.vipProgram .vip-benefit div.selected {
  background-color: #e6f1ff1a;
}

body.tablet .loyaltyProgramContainer.vipProgram .vip-benefit div.selected {
  background-color: #e6f1ff1a;
}

body.mobile .loyaltyProgramContainer.vipProgram .vip-benefit div img {
  width: 75px;
}

body.tablet .loyaltyProgramContainer.vipProgram .vip-benefit div img {
  width: 75px;
}

body.mobile .loyaltyProgramContainer.vipProgram .vip-benefit div p {
  display: none;
}

body.tablet .loyaltyProgramContainer.vipProgram .vip-benefit div p {
  display: none;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .liyaltyLevelMenu {
  padding: 4px 20px 4px 4px;
  overflow: auto;
  margin: 0px -30px;
}

.loyaltyProgramContainer .rightContainer .loyaltyLevelInfo .liyaltyLevelMenu::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

body.mobile .loyaltyProgramContainer .howToIncreaseLevel .increaseLevel span {
  font-size: 12px;
  flex: 1;
  margin-right: -20px;
}

body.mobile .loyaltyProgramContainer .howToIncreaseLevel .increaseLevel>div {
  padding: 0 14px;
  text-align: left;
}

body.mobile .loyaltyProgramContainer .howToIncreaseLevel .increaseLevel span.prize {
  margin: 0 -95px 0 0px;
}

body.mobile .loyaltyProgramContainer .howToIncreaseLevel>span {
  margin: 0 14px;
}

body.mobile .loyaltyProgramContainer .loyalty-program-list .button {
  width: 100%;
  margin: 18px auto 25px;
}

body.mobile .loyaltyProgramContainer .loyalty-program-list .howToIncreaseLevel .button {
  width: 90%;
  margin: 45px 5% 0;
}

#loyalty-program img.close {
  display: none;
}

.loyaltyRules {
  /* overflow: auto; */
  padding-bottom: 60px;
}

/* body.desktop .loyaltyRules:after {
      position: absolute;
      top: 484px;
      height: 98px;
      width: 520px;
      content: "";
      background: linear-gradient(to top, #242934 3%, #2429341a 65% );
      pointer-events: none;
  } */
.loyaltyRules .level {
  width: 100%;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 16px 0 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loyaltyRules .odd {
  background: #e6f1ff05 0% 0% no-repeat padding-box;
}

.loyaltyRules .level span {
  width: 50%;
  font-size: 14px;
  color: var(--secondary-text);
  font-weight: var(--fw-500);
}

.loyaltyRules .howItWorks.level span {
  width: 78%;
  font-size: 12px;
  color: var(--secondary-text);
  font-weight: var(--fw-500);
}

.loyaltyRules .howItWorks.level span.prize {
  width: 48%;
}

.loyaltyRules .level.header span {
  color: #e6f1ffe6;
}

.loyaltyProgramContainer .bonus_points_to_extended_play .buttonGroup .result::-webkit-outer-spin-button,
.loyaltyProgramContainer .bonus_points_to_extended_play .buttonGroup .result::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.loyaltyRules span.title {
  font-size: 14px;
  color: #e6f1ffe6;
  font-weight: var(--fw-bold);
  padding: 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
}

.loyaltyRules h1 {
  font-size: 16px;
  font-weight: var(--fw-bold);
  color: var(--primary-text);
  text-align: center;
  margin: revert;
}

.loyaltyRules h4 {
  font-size: 14px;
  margin: 0px;
  font-weight: var(--fw-bold);
  color: var(--secondary-text);
  padding: 0 18px;
}

.loyaltyRules p {
  font-size: 14px;
  color: var(--secondary-text);
  padding: 0 18px;
}

.loyaltyRules .vouchersPrize {
  width: 100%;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 16px 0 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vouchersPrize span {
  width: 24%;
}

.loyaltyProgramContainer .buttonGroup input.result {
  margin: 0px;
  border: none;
  padding: 8px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.loyaltyRules .vouchersPrize span {
  width: 24%;
}

body.desktop .framedform[data-content="loyalty"] .framedcontent {
  width: 922px;
  height: 563px;
  overflow: unset;
}

body.mobile .framedform[data-content="loyalty"] .framedcontent {
  width: 348px;
  overflow-y: scroll;
  margin: 64px auto 20px;
  max-height: calc(100% - 119px);
}

body.tablet .framedform[data-content="loyalty"] .framedcontent {
  height: 780px;
  width: 604px;
  margin: 70px auto 20px;
}

body.desktop.bonuses .bonusPage .bonusConteiner .activBonuses .activboncontent .activboncontents .stage-circle #circle {
  width: 65px;
  height: 65px;
  scale: 1.3;
}

body.mobile.bonuses .bonusPage .bonusConteiner .activBonuses .activboncontent .activboncontents .stage-circle svg#circle,
body.tablet.bonuses .bonusPage .bonusConteiner .activBonuses .activboncontent .activboncontents .stage-circle svg#circle,
body.desktop.bonuses .bonusPage .bonusConteiner .activBonuses .activboncontent .activboncontents .stage-circle svg#circle {
  width: 75px;
  height: 75px;
  transform: translate(10px, 25px);
}

.activeBonusPopUp #circle>circle {
  stroke-width: 1px;
}
.activboncontents .stage-circle #circle>circle {
  stroke-width: 1px;
}

body.mobile .depositInfoContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 20px 0 20px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.tablet .depositInfoContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.depositInfoContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

body.mobile .framedform[data-content="paymentInfo"],
.framedform.open[data-content="newBonus"],
.framedform.open[data-content="promosInfo"],
.framedform.open[data-content="message"],
body.mobile.inbox div.framedform.open,
body.mobile .framedform[data-content="reset-password"],
body.mobile .framedform[data-content="login"],
body.tablet .framedform.open[data-content="reset-password"],
body.tablet .framedform.open[data-content="register"],
body.tablet .framedform.open[data-content="login"] {
  display: flex;
  justify-content: center;
  align-items: center;
}

body.mobile .framedform[data-content="user-menu"] .framedcontent {
  top: 0;
}

.framedform.open[data-content="newBonus"] .framedcontent,
.framedform.open[data-content="promosInfo"] .framedcontent,
.framedform.open[data-content="message"] .framedcontent,
body.mobile.inbox div.framedform.open .framedcontent,
body.mobile .framedform[data-content="reset-password"] .framedcontent,
/* body.mobile .framedform[data-content="login"] .framedcontent, */
/* body.mobile .framedform[data-content="register"] .framedcontent, */
body.tablet .framedform.open[data-content="reset-password"] .framedcontent,
body.tablet .framedform.open[data-content="login"] .framedcontent,
body.tablet .framedform.open[data-content="register"] .framedcontent {
  margin: 150px 13px 60px;
}

body.mobile .header-menu .account-info .nameAndBalace .userBalance {
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: var(--fw-bold);
  color: var(--primary-text);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.mobile .header-menu .account-info .nameAndBalace .userBalance span {
  font-size: 8px;
  color: rgb(255 255 255 / 50%);
  text-align: right;
  line-height: 12px;
  margin-left: 4px;
}

body.mobile .header-menu .account-info {
  position: relative;
  margin-right: 14px;
}

body.mobile header .account.loged {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 151px;
}

/* Банер */
body .ec_Controls {
  position: absolute;
  z-index: 2;
  display: block;
  bottom: auto;
  right: auto;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

body.mobile .ec_Controls {
  max-width: 300px;
  width: max-content;
  top: 65px;
}

body.tablet .ec_Controls {
  top: 70px;
}

body.desktop .newJPDisplay {
  margin: 0 0 0 61px;
}

body.mobile .newJPDisplay {
  margin: 0px 0 0px 13px;
  min-width: max-content;
  z-index: 9;
}

body.tablet .newJPDisplay {
  margin: 0px 0 0 20px;
}

body .newJPDisplay>.jpHeader {
  margin: 0;
  flex: 1;
}

/* page terms-and-conditions */

button.accordion {
  background-color: #132e40;
  color: #9facbb;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-bottom: 1px;
}

button.accordion.active,
button.accordion:hover {
  background-color: #132e40;
}

div.panel2 {
  padding: 0 18px;
  background-color: var(--surface-surface);
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

.simplePageContainer.terms-and-conditions {
  max-width: 780px;
  max-height: 270px;
  overflow: auto;
  margin: 0 auto;
  background-color: #1d2129;
  padding: 17px 34px;
}

body.tablet .simplePageContainer.terms-and-conditions {
  margin: 0 auto;
  max-width: 731px;
  max-height: 439px;
  padding-top: 0;
}

body.mobile .simplePageContainer.terms-and-conditions {
  padding: 0px 16px;
  max-width: 358px;
  margin: 0 auto;
  max-height: 439px;
}

.terms-conditions.panel-heading {
  max-width: 658px;
  text-align: center;
  margin: 144px auto 37px;
}

body.mobile .terms-conditions.panel-heading {
  max-width: 329px;
  margin: 39px auto 27px;
}

.terms-conditions.panel-heading p:nth-child(2) {
  font-size: 20px;
  line-height: 24px;
  color: #e4edf8;
  font-weight: var(--fw-bold);
  letter-spacing: 0px;
  margin: 0 0 26px 0;
}

body.mobile .terms-conditions.panel-heading p:nth-child(2) {
  font-size: 18px;
}

.terms-conditions.panel-heading p:last-child {
  font-size: 14px;
  line-height: 18px;
  color: var(--secondary-text);
  letter-spacing: 0px;
  margin: 0;
}

body.mobile .terms-conditions.panel-heading p:last-child {
  text-align: left;
}

.simplePageContainer.terms-and-conditions .accordion {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.terms-conditions.checkbox {
  max-width: 780px;
  margin: 34px auto;
  padding-left: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.tablet .terms-conditions.checkbox {
  margin: 26px auto;
}

body.mobile .terms-conditions.checkbox {
  position: relative;
}

input#reg-accept-ts-and-cs-checkbox {
  margin: 0 20px 0 0;
}

label[for="reg-accept-ts-and-cs-checkbox"] {
  font-size: 12px;
  line-height: 16px;
  color: var(--secondary-text);
  position: relative;
  cursor: pointer;
}

body.mobile label[for="reg-accept-ts-and-cs-checkbox"] {
  position: static;
  margin-left: 30px;
}

.terms-conditions.checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
}

body.mobile .terms-conditions.checkbox input[type="checkbox"] {
  position: absolute;
}

.terms-conditions.checkbox .checkmark {
  position: absolute;
  top: 3px;
  left: 5px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  border-radius: 5px;
  border: 2px solid #e6f1ff99;
}

body.mobile .terms-conditions.checkbox .checkmark {
  left: 26px;
}

.terms-conditions.checkbox .container input:checked~.checkmark {
  background-color: transparent;
  border-color: var(--primary-text);
}

.terms-conditions.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.terms-conditions.checkbox .checkmark:after {
  width: 13px;
  height: 13px;
  background-color: #2196f3;
  border-radius: 3px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.terms-conditions.checkbox input:checked~.checkmark:after {
  display: block;
}

#regFrmBtn.terms-conditions {
  display: block;
  width: 100%;
  max-width: 451px;
  height: 50px;
  border-radius: 5px;
  margin: 48px auto 99px;
}

body.tablet #regFrmBtn.terms-conditions {
  margin: 132px auto 99px;
}

body.mobile #regFrmBtn.terms-conditions {
  max-width: 328px;
  margin-top: 25px;
}

.terms-and-conditions .accordion i.icon-arrow-down {
  color: #e6edf733;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

/* width */
body .terms-and-conditions::-webkit-scrollbar {
  width: 5px;
}

/* Track */
body .terms-and-conditions::-webkit-scrollbar-track {
  background: #ffffff1a 0% 0% no-repeat padding-box;
  border-radius: 5px;
  width: 5px;
}

/* Handle */
body .terms-and-conditions::-webkit-scrollbar-thumb {
  background: #ffffff99 0% 0% no-repeat padding-box;
  border-radius: 5px;
  width: 5px;
  border: none;
}

/* Handle on hover */
body .terms-and-conditions::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* page terms-and-conditions */

/* форсирана парола */
.password form#change-password {
  width: 100%;
  /* max-width: 451px; */
  margin-top: 93px;
}

.show-password i {
  font-size: 23px;
  cursor: pointer;
}

body.tablet.password form#change-password {
  width: 100%;
  max-width: 380px;
  margin-top: 49px;
}

body.mobile.password form#change-password {
  margin-top: 37px;
  transform: translate(12px, 0px);
}

.password #change-password .panel .form-group {
  margin-bottom: 45px;
}

body.mobile .password #change-password .panel .form-group {
  margin-bottom: 50px;
}

.password form#change-password span.panel-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: var(--fw-bold);
  color: #e4edf8cc;
  text-align: center;
}

.password form#change-password .panel-heading {
  display: -ms-grid;
  display: grid;
  place-items: center;
}

body.password form#change-password .panel-heading p {
  font-size: 14px;
  line-height: 18px;
  color: var(--disabled-text);
  margin: 10px 0 10px 0;
}

body.tablet.password form#change-password button#chPBtn,
body.tablet.password form#change-password .panel-body,
body.tablet.password form#change-password .panel-heading p {
  max-width: 347px;
  margin: 0 auto;
}

body.tablet.password form#change-password .panel-heading p {
  margin: 39px auto 86px;
}

.password form#change-password button#chPBtn {
  width: 100%;
  height: 50px;
}

.password form#change-password .panel-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#change-password .panel .form-group:nth-child(2) {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.password form#change-password span.password-explanation {
  font-size: 10px;
  line-height: 12px;
  color: var(--secondary-text);
  position: absolute;
  top: -19px;
  right: 0;
  z-index: 2;
}

.password form#change-password .panel .form-group:nth-child(3) {
  margin: 0 0 63px 0;
}

body.tablet .password form#change-password .panel .form-group:nth-child(3),
body.mobile .password form#change-password .panel .form-group:nth-child(3) {
  margin: 0 0 63px 0;
}

.password form#change-password .inpError.attentionError {
  top: 14px;
  z-index: 1;
}

.password form#change-password .form-group.done i.done {
  z-index: 1;
  top: 14px;
}

/* форсирана парола */

.framedform .framedcontent .tabaa {
  -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    /* order: 1; */
    margin: -10px 0 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    position: relative;
    background-color: var(--surface-surface);
}

.framedform .framedcontent .tabaa button.tablinksx {
  width: 100%;
  min-height: 54px;
  background: #e6f1ff0d;
  border: 0;
  color: #e6f1ffcc;
}

.framedform .framedcontent .tabaa button.actived {
  color: var(--primary-main);
}

@media screen and (min-width: 320px) {
  :root {
    --grid-gap-size: 8px;
    --grid-margin: 0 12px;

    --grid-span: 3;
    --grid-margin-l-r: 12px;
    --grid-col: 4;
    --col-hint: -16px;
    --col-size: calc((100% / var(--grid-col)) - var(--grid-gap-size) - var(--col-hint));
  }
}

/* For extra large phones and tablets */

@media screen and (min-width: 600px) {
  :root {
    --grid-gap-size: 20px;
    --grid-margin: 0 34px;
    --grid-columns: repeat(6, 1fr);

    --grid-span: 3;
    --grid-margin-l-r: 34px;
    --grid-col: 8;
    --col-hint: -22px;
    --col-size: calc((100% / var(--grid-col)) - var(--grid-gap-size) - var(--col-hint));
  }
}

@media screen and (min-width: 768px) {
  :root {
    --grid-gap-size: 20px;
    --grid-margin: 0 34px;
    --grid-columns: repeat(8, 1fr);
    --grid-casino-columns: repeat(8, 1fr);
    --grid-span: 3;
    --grid-margin-l-r: 34px;
    --grid-col: 8;
    --col-hint: -22px;
    --col-size: calc((100% / var(--grid-col)) - var(--grid-gap-size) - var(--col-hint));
  }
}

@media screen and (min-width: 1280px) {
  :root {
    --grid-gap-size: 28px;
    --grid-margin: 0 132px;
    --grid-columns: repeat(12, 1fr);
    --grid-casino-columns: repeat(10, 1fr);
    --grid-span: 4;
    --grid-margin-l-r: 132px;
    --grid-col: 12;
    --col-hint: -2px;
    --col-size: calc((100% / var(--grid-col)) - var(--grid-gap-size) - var(--col-hint));
  }
}

@media screen and (min-width: 1920px) {
  :root {
    --grid-casino-columns: repeat(12, 1fr);
    --grid-margin: 0 auto;
    --max-width: 1680px;
  }
}

.simplePageContainer {
  /* width: calc(100% - (2 * var(--grid-margin-l-r)));
  margin: 0px auto; */
  position: relative;
  min-height: 312px;
}

body:not(.desktop) .simplePageContainer {
  width: 100%;
}

body.desktop .pageContent.prediction {
  background: url(/images/slot_mania/stadiumLeft.svg) left top no-repeat,
    url(/images/slot_mania/stadiumRight.svg) right top no-repeat,
    url(/images/slot_mania/stadiumCenter.svg) top center no-repeat,
    url(/images/slot_mania/blue.svg) center center repeat,
    transparent radial-gradient(closest-side at 50% 50%, #0054d8 0%, #132974 100%) 0% 0% no-repeat padding-box;
  background-size: 165px, 165px, 167px, 47px 205px, 100% 470px;
  width: 100%;
}

body.tablet .pageContent.prediction .side.center {
  background: url(/images/slot_mania/blue.svg) center center repeat,
    transparent radial-gradient(closest-side at 50% 50%, #0054d8 0%, #132974 100%) 0% 0% no-repeat padding-box;
  background-size: 10% 12%, 100% 510px;
}

body.desktop .pageContent.prediction::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 140px;
  top: 430px;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#1C212B00), to(#1C212B)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(top, #1C212B00 0%, #1C212B 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #1C212B00 0%, #1C212B 100%) 0% 0% no-repeat padding-box;
  background-size: auto 100%;
  background-repeat: no-repeat;
  z-index: 0;
}

body.mobile .pageContent.prediction {
  background: transparent -o-radial-gradient(52% 27%, closest-side, #0054d7 0%, #11256a 100%) 0% 0% no-repeat padding-box;
  background: transparent radial-gradient(closest-side at 52% 27%, #0054d7 0%, #11256a 100%) 0% 0% no-repeat padding-box;
}

.side.center {
  max-width: var(--max-width);
  margin: var(--grid-margin);
  display: -ms-grid;
  display: grid;
}

body.mobile .side.center,
body.tablet .side.center {
  margin: 0;
}

@keyframes navSlide {
  0% {
    left: 0%;
  }

  15% {
    left: 0%;
  }

  45% {
    left: -100%;
  }

  65% {
    left: -100%;
  }

  85% {
    left: 0%;
  }

  100% {
    left: 0%;
  }
}

.navCenter {
  width: 375px;
  height: 74px;
  background: transparent -webkit-gradient(linear, left top, right top, from(#15171d00), color-stop(50%, #15171d99), to(#15171d00)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(left, #15171d00 0%, #15171d99 50%, #15171d00 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #15171d00 0%, #15171d99 50%, #15171d00 100%) 0% 0% no-repeat padding-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  -webkit-transform: translateX(-35px);
  -ms-transform: translateX(-35px);
  transform: translateX(-35px);
}

body.mobile .navCenter {
  position: absolute;
  top: 55px;
  -webkit-transform: translateX(-13px);
  -ms-transform: translateX(-13px);
  transform: translateX(-13px);
}

body.tablet .navCenter {
  -webkit-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  transform: translateX(-40px);
}

.navCenter .navSlide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 700px;
  position: relative;
  -webkit-animation: navSlide 15s infinite;
  animation: navSlide 15s infinite;
  -webkit-animation-timing-function: cubic-bezier(0.23, 0.99, 0.03, 1);
  animation-timing-function: cubic-bezier(0.23, 0.99, 0.03, 1);
}

.navCenter .betInfo {
  width: 375px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navCenter .betInfo .navImg {
  width: 78px;
  margin-left: 55px;
}

.navCenter .betInfo .navImg img {
  width: 61px;
}

.navCenter .betInfo .navText h4 {
  font-size: 20px;
  color: #e6f1ffe6;
  font-weight: var(--fw-bold);
  margin: 0px;
}

.navCenter .betInfo .navText p {
  font-size: 12px;
  color: #e6f1ff8f;
  margin: 0px;
  max-width: 215px;
}

.navCenter .gameInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 7px;
  width: 375px;
}

.navCenter .gameInfo p.navText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: var(--fw-500);
  color: #e4edf8b3;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  width: 250px;
}

.navCenter .gameInfo p.navText span {
  font-size: 14px;
  font-style: italic;
  color: #ffffff;
  text-shadow: 0px 0px 6px #ffffff7e;
  font-weight: 900;
  margin-left: 14px;
}

.centerTab .myPositionList {
  background: var(--primary-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* padding: 0 19px 0 22px; */
}

.predictionContent {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--grid-columns);
  grid-template-columns: var(--grid-columns);
  gap: var(--grid-gap-size);
}

body.mobile .predictionContent {
  margin-top: 85px;
  min-height: 422px;
}

body.desktop .predictionContent {
  min-height: 240px;
}

.predictionContent .footballMatchResultPoints {
  display: -ms-grid;
  display: grid;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  text-align: center;
  z-index: 9;
}

body.mobile .predictionContent .footballMatchResultPoints {
  position: absolute;
  top: 650px;
  width: 100%;
  -ms-grid-column-span: 4;
  grid-column-end: span 4;
  background: url(/images/slot_mania/game-circle.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

body.tablet .predictionContent .footballMatchResultPoints {
  top: 393px;
  width: 100%;
  height: 111px;
  position: absolute;
  background: url(/images/slot_mania/field-line.svg) no-repeat;
  z-index: 9;
}

body.mobile .navCenter .navSlide {
  position: absolute;
  left: 0;
  width: 750px;
}

body.tablet .tabletContent {
  width: 768px;
  overflow: auto;
}

.tabletContent {
  z-index: 7;
}

body.tablet .tabHeader {
  width: 1185px;
  margin: 140px 0 10px;
  grid-template-columns: repeat(6, 1fr);
}

body.tablet .tabHeader>div {
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

.tabHeader {
  font-family: "Refrigerator-Deluxe";
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--grid-columns);
  grid-template-columns: var(--grid-columns);
  gap: var(--grid-gap-size);
  margin: 76px 0 10px;
}

.tabHeader .labelround {
  color: var(--secondary-text);
  font-size: 24px;
  line-height: 12px;
  text-transform: lowercase;
}

.tabHeader>div {
  display: -ms-grid;
  display: grid;
  -ms-grid-column-span: 4;
  grid-column-end: span 4;
  -ms-grid-columns: 53px auto;
  grid-template-columns: 53px auto;
}

.tabHeader .leftTabHeader .GameDrift,
.tabHeader .centerTabHeader .GameDrift,
.tabHeader .rightTabHeader .GameDrift {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 30px 20px;
  grid-template-rows: 30px 20px;
}

/* .tabHeader .leftTabHeader .GameDrift .GamePrize {
	padding-right: 8px;
	font-size: 40px;
}
.tabHeader .leftTabHeader .GameDrift {
	display: flex;
}
.tabHeader .leftTabHeader .GameDrift .label {
	display: flex;
	flex-direction: column;
	font-size: 25px;
	line-height: 25px;
} */
.tabHeader .headerIcon img {
  width: 47px;
  margin-right: 12px;
}

.tabContainer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--grid-columns);
  grid-template-columns: var(--grid-columns);
  gap: var(--grid-gap-size);
}

body.tablet .tabContainer {
  width: 1185px;
  grid-template-columns: repeat(6, 1fr);
}

body.mobile .tabContainer {
  margin: 160px 12px;
}

body.tablet .tabContainer>.tabContent {
  background: #292f3b;
  border-radius: 10px;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

.tabContainer>.tabContent {
  background: #292f3b;
  border-radius: 10px;
  -ms-grid-column-span: 4;
  grid-column-end: span 4;
}

.tabContainer>.tabContent .place {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 31px;
}

.tabContainer>.tabContent .place p {
  width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  font-size: 14px;
  color: var(--secondary-text);
  margin: 0px;
}

.tabContainer>.tabContent .place p img {
  margin-left: -10px;
  width: 33px;
}

.tabHeader .GamePlace.secondspan {
  font-size: 29px;
  text-transform: uppercase;
  color: #e4edf8;
  line-height: 34px;
}

.tabContainer>.tabContent .place:nth-child(even) {
  background: #ffffff0a;
}

.tabContainer .ranking p {
  width: 160px;
  font-size: 14px;
  color: #e6edf7;
  text-align: left;
  line-height: 18px;
  margin: 14px 0;
}

.tabContainer .ranking .myCurrentPosition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #e6edf7 0% 0% no-repeat padding-box;
  border-radius: 13px;
  min-width: 45px;
  height: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0px 3px 6px #0000006e;
  box-shadow: 0px 3px 6px #0000006e;
  font-size: 14px;
  color: #292f3b;
  padding: 0 5px;
}

.tabContainer .ranking .points {
  font-size: 16px;
  font-weight: var(--fw-bold);
  font-style: italic;
  text-shadow: 0px 0px 4px var(--secondary-main);
}

.gameDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  padding: 12px;
  position: relative;
}

.tabContainer .gameDate .datepick {
  font-size: 18px;
  width: 54px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  border-radius: 12px;
  background: #e6f1ff0d;
  cursor: pointer;
  font-weight: var(--fw-bold);
}

.datepick span.text {
  font-size: 10px;
  line-height: 12px;
}

.datepick i {
  font-size: 30px;
  line-height: 22px;
}

.tabContainer select.roundSelect {
  -webkit-box-shadow: 0px 0px 6px #00c2ff;
  box-shadow: 0px 0px 6px #00c2ff;
  border: 1px solid #e4edf8;
  margin: 0;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  font-family: "Roboto";
  font-weight: var(--fw-bold);
}

.tabContainer .ranking {
  padding: 12px;
}

.tabContainer h3 {
  font-size: 21px;
  font-weight: var(--fw-bold);
  font-style: italic;
  text-shadow: 0px 0px 4px #083971a8;
  color: #e6edf7e6;
  margin: 15px 0;
}

.datepick.active {
  background: #e4edf8;
  color: #1e232b;
}

.remdays span {
  background: #00000078;
  color: #e4edf8;
  padding: 2px 8px;
  border-radius: 10px;
  text-align: center;
  margin-left: 8px;
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}

.remdays {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 16px;
  color: #e4edf8cc;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}

.mobilePrizes,
.mobileRound {
  background: transparent -webkit-gradient(linear, right top, left top, from(var(--primary-main)), to(#007680)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(right, var(--primary-main) 0%, #007680 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, var(--primary-main) 0%, #007680 100%) 0% 0% no-repeat padding-box;
  position: relative;
  width: 79px;
  height: 60px;
  border-radius: 0 30px 30px 0;
  left: 0;
  top: 63px;
  -webkit-box-shadow: inset 0px -3px 3px #1010108b, 3px 5px 10px #00000067;
  box-shadow: inset 0px -3px 3px #1010108b, 3px 5px 10px #00000067;
  z-index: 10;
}

.mobilePrizes img,
.mobileRound img {
  width: 35px;
  margin: 11px 28px 11px 14px;
}

.mobileHistory img,
.mobileInfo img {
  width: 35px;
  margin: 11px 14px 11px 28px;
}

.mobileHistory,
.mobileInfo {
  background: transparent -webkit-gradient(linear, left top, right top, from(var(--primary-main)), to(#007680)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(left, var(--primary-main) 0%, #007680 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, var(--primary-main) 0%, #007680 100%) 0% 0% no-repeat padding-box;
  position: relative;
  width: 79px;
  height: 60px;
  border-radius: 30px 0 0 30px;
  bottom: 61px;
  -webkit-box-shadow: inset 0px -2px 3px #1010108b, 3px 5px 10px #00000067;
  box-shadow: inset 0px -2px 3px #1010108b, 3px 5px 10px #00000067;
  margin-left: calc(100vw - 79px);
  z-index: 10;
}

body.mobile .leftTab,
body.mobile .rightTab {
  display: none;
}

.predictionContent .footballMatchResultPoints p.myPoints {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  color: #e6edf7;
  line-height: 21px;
  margin: 0px;
  width: 100%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.tablet .predictionContent {
  overflow: auto;
}

body.mobile .predictionContent .footballMatchResultPoints p.myPoints,
body.tablet .predictionContent .footballMatchResultPoints p.myPoints {
  font-size: 12px;
  line-height: 16px;
}

body.desktop .predictionContent .footballMatchResultPoints p.myPoints {
  margin: 40px 0 0 0;
}

body.mobile .predictionContent .footballMatchResultPoints .points,
body.tablet .predictionContent .footballMatchResultPoints .points {
  font-size: 40px;
}

.predictionContent .footballMatchResultPoints .points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 56px;
  font-weight: var(--fw-bold);
  color: var(--primary-text);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mobileHistoryPage,
.mobileInfoContainer {
  left: 100%;
}

.mobileHistoryPage.active,
.mobileInfoContainer.active {
  -webkit-animation: moveHistory 2s 1;
  animation: moveHistory 2s 1;
}

.mobilePrizesPage,
.mobileRoundContainer {
  left: -100%;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.mobilePrizesPage.active,
.mobileRoundContainer.active {
  -webkit-animation: movePrizes 2s 1;
  animation: movePrizes 2s 1;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes movePrizes {
  from {
    left: -100%;
  }

  to {
    left: 0%;
  }
}

@keyframes moveHistory {
  from {
    left: 0%;
  }

  to {
    left: 100%;
  }
}

.mobileRoundContainer,
.mobileInfoContainer,
.mobileHistoryPage,
.mobilePrizesPage {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 47px;
  background: #15171df2;
  z-index: 12;
  overflow: auto;
}

.topElement {
  font-family: "Refrigerator-Deluxe";
  height: 260px;
  background: #e6f1ff0d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.topElement h3 {
  margin: 13px 0 0 0;
  font-size: 29px;
  text-transform: uppercase;
  line-height: 34px;
}

.topElement p {
  font-size: 12px;
  margin: 0;
  color: #ffffff;
  text-transform: uppercase;
}

.mobileHistoryPage .exitElement,
.mobileInfoContainer .exitElement {
  width: 56px;
  height: 60px;
  border-radius: 30px 0 0 30px;
  background: transparent -webkit-gradient(linear, left top, right top, from(var(--primary-main)), to(#007680)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(left, var(--primary-main) 0%, #007680 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, var(--primary-main) 0%, #007680 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: inset 0px -2px 3px #1010108b, -3px -5px 10px #00000067;
  box-shadow: inset 0px -2px 3px #1010108b, -3px -5px 10px #00000067;
  position: absolute;
  margin-left: calc(100% - 56px);
  top: 420px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9;
}

.mobilePrizesPage .exitElement,
.mobileRoundContainer .exitElement {
  width: 56px;
  height: 60px;
  border-radius: 0 30px 30px 0;
  background: transparent -webkit-gradient(linear, left top, right top, from(var(--primary-main)), to(#007680)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(left, var(--primary-main) 0%, #007680 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, var(--primary-main) 0%, #007680 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: inset 0px -2px 3px #1010108b, -3px -5px 10px #00000067;
  box-shadow: inset 0px -2px 3px #1010108b, -3px -5px 10px #00000067;
  position: absolute;
  left: 0px;
  top: 420px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9;
}

.topElement>img {
  width: 100px;
}

.accept {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 90%;
  padding-left: calc(50% - 61px);
}

body.mobile .accept {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 90%;
  padding-left: calc(50% - 44px);
}

.accept span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 32px;
  color: var(--primary-text);
  line-height: 23px;
  font-weight: var(--fw-bold);
}

body.tablet .tabContainer .calendar.dateTimeAct {
  width: 53px;
  height: 60px;
  background: #e4edf8;
  color: #1e232b;
  position: unset;
  border-radius: 12px;
}

.prediction .bottomElement .calendar.dateTimeAct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: unset;
  position: unset;
  width: 54px;
  height: 60px;
  border-radius: 12px;
  background: #e6edf7 0% 0% no-repeat padding-box;
}

body.desktop .prediction .calendar.dateTimeAct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: unset;
  position: unset;
  width: 54px;
  height: 60px;
  border-radius: 12px;
  background: #e6edf7 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 0px 6px #00c2ff;
  box-shadow: 0px 0px 6px #00c2ff;
}

body .tabContainer div#period {
  top: 80px;
  right: calc(100% - 420px);
  background: #e6f1ff0d;
  width: 190px;
}

body.tablet .tabContainer div#period {
  top: 635px;
  left: calc(100% - 195px);
  background: #e6f1ff0d;
}

body .tabContainer div#period .period {
  background-color: unset;
}

.calendar .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  height: 100%;
}

body .tabContainer div#period .period input,
.mobileHistoryPage #period .period input {
  background: transparent;
  color: #e6edf7;
  padding: 5px 0;
  border: 0px;
  margin: 0px;
}

body .bottomElement div#period {
  position: absolute;
  top: 340px;
  left: calc(100% - 195px);
  background: #e5f1ff0d;
}

body.desktop section.pageContent .side.right,
body.tablet section.pageContent .side.right,
body.tablet section.pageContent .side.left,
body.desktop section.pageContent .side.left {
  display: none;
}

.prediction .exitElement i,
.tournament .exitElement i {
  font-size: 30px;
  color: var(--surface-surface);
  -webkit-box-shadow: 0px 2px 2px #01232a78;
  box-shadow: 0px 2px 2px #01232a78;
  border-radius: 50%;
}

h3.noResult {
  font-size: 16px;
  font-weight: var(--fw-bold);
  color: #e4edf8;
  font-style: normal;
}

.tabContainer p.noResult {
  font-size: 14px;
  color: var(--secondary-text);
  text-align: left;
  width: 53%;
  margin: 0 auto;
}

.tabContainer .login p,
.bottomElement .login p {
  width: 100%;
  font-size: 16px;
  font-weight: var(--fw-bold);
  color: #e4edf8;
  text-align: center;
  margin-top: 30px;
}

.tabContainer .login div,
.bottomElement .login div {
  margin: 50px auto 0;
}

.bottomElement .gameDate .datepick.dateTimeAct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 53px;
  height: 60px;
  color: #1e232b;
  border-radius: 12px;
  background: #e6edf7 0% 0% no-repeat padding-box;
}

.bottomElement .gameDate .datepick.dateTimeAct span {
  color: #1e232b;
}

.bottomElement .gameDate .datepick.dateTimeInact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 53px;
  height: 60px;
  color: var(--primary-text);
  border-radius: 12px;
  background: #e6f1ff0d 0% 0% no-repeat padding-box;
}

.mobilePrizesPage .bottomElement .other.place {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 222px;
  -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}

.mobilePrizesPage .bottomElement .artboard {
  width: 222px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}

.mobilePrizesPage .bottomElement {
  min-height: 630px;
}

.mobileHistoryPage .bottomElement {
  min-height: 540px;
}

body .gameHistoryList .history .accept {
  display: none;
}

.gameDate .datepick {
  font-size: 18px;
  width: 54px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  border-radius: 12px;
  background: #e5f1ff0d 0% 0% no-repeat padding-box;
  cursor: pointer;
  font-weight: var(--fw-bold);
}

/* promo */

body .promotions {
  width: calc(100% - (2 * var(--grid-margin-l-r)));
  margin: 0px auto;
}

.promotionsContainer {
  grid-column: 1 /-1;
  margin-left: 33px;
  margin-bottom: 5px;
}

body.mobile .promotionsContainer {
  margin: 0;
}

.tabcontent {
  grid-column: 1 /-1;
  margin: 80px 0 0px 0;
}

body.mobile .tabcontent {
  margin: 32px 0 0px 0;
}

.itemsz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tittleDiv1 i {
  font-size: 21px;
  color: #0b98ff;
  margin-right: 10px;
}

body i.icon-crown-3 {
  font-size: 17px;
}

.CasinozTittle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 33px 19px 33px;
}

.promoz {
  position: relative;
  background-color: var(--surface-surface);
}


.cont-promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--surface-surface);
  padding: 0px 25px 0px 16px;
  padding: 15px 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  max-height: 77px;
}

.itemz img {
  display: block;
  width: 100%;
  height: auto;
}

.grid-itemz.mainz {
  overflow: hidden;
  height: 100%;
}

.grid-itemz .grid-item {
  display: -ms-grid;
  display: grid;
  margin: 0;
  grid-auto-flow: column;
  -ms-grid-columns: var(--col-size);
  grid-template-columns: var(--col-size);
  grid-auto-columns: var(--col-size);
  gap: var(--grid-gap-size);
  grid-gap: var(--grid-gap-size);
  list-style: none;
  width: 100%;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

body.tablet .grid-itemz .grid-item,
body.mobile .grid-itemz .grid-item {
  overflow-x: scroll;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.grid-itemz .grid-item.active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.itemz {
  -ms-grid-column-span: var(--grid-span);
  grid-column-end: span var(--grid-span);
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  border-radius: 20px;
  overflow: hidden;
  list-style: none;
  height: 100%;
  position: relative;
  scroll-snap-align: start;
}

body.tablet .itemz {
  -ms-grid-column-span: 3;
  grid-column-end: span 3;
}

body.tablet .minclassdiv .itemz,
body.mobile .minclassdiv .itemz {
  -ms-grid-column-span: 4;
  grid-column-end: span 4;
}

.regdepositbtn {
  margin-top: 4px;
}

.spanconteiner {
  font-size: 12px;
  line-height: 14px;
  color: var(--secondary-text);
  margin-right: 30px;
}

.spanconteiner .description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

body.mobile .tittleDiv2 span {
  font-size: 12px;
  line-height: 18px;
  font-weight: var(--fw-500);
}

.grid-containerz:not(:nth-last-child(2), .bonusGame, .freegame) {
  margin-bottom: 37px;
}

.grid-containerz {
  position: relative;
}

.bonusGame {
  margin-top: 82px;
}

.slider-next,
.slider-prev {
  width: 22px;
  height: 56px;
  background: #e6f1ff10 0% 0% no-repeat padding-box;
  border-radius: 6px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.slider-prev {
  left: -36px;
}

.slider-next {
  right: -36px;
}

.slider-next i,
.slider-prev i {
  color: var(--action-disabled);
  font-size: 14px;
  font-weight: var(--fw-bold);
}

.slider-next i.active,
.slider-prev i.active {
  color: var(--primary-main);
}

.bonusGame,
.minclassdiv {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--grid-columns);
  grid-template-columns: var(--grid-columns);
  gap: var(--grid-gap-size);
  grid-gap: var(--grid-gap-size);
}

.tittleDiv2 {
  cursor: pointer;
}

body.mobile .bonusGame .itemz,
.grid-containerz.loyalty {
  -ms-grid-column-span: calc(var(--grid-col) / 2);
  grid-column-end: span calc(var(--grid-col) / 2);
}

.grid-containerz.freegame {
  -ms-grid-column-span: calc(var(--grid-col) / 2);
  grid-column-end: span calc(var(--grid-col) / 2);
}

body.desktop .promo-link,
body.tablet .promo-link,
body.desktop .promo-tittle-points,
body.tablet .promo-tittle-points,
body.desktop .promoz .menu-loyalty,
body.tablet .promoz .menu-loyalty {
  position: absolute;
  top: 50%;
  left: 75%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.promoz .loyaltyLevelInfo .level .loyalty-title {
  display: none;
}

body.tablet .promo-link,
body.desktop .promo-link {
  display: -ms-grid;
  display: grid;
  place-items: center;
  row-gap: 21px;
}

.promoz .loyaltyLevelInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.promoz .menu-loyalty .btnContainer {
  display: -ms-grid;
  display: grid;
  place-content: center;
  z-index: 1;
}

.promoz .loyalty-voucher {
  margin: 0 0 0 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}



body .promoz .promo-tittle-points .points,
body .itemz .promoz .loyalty-voucher-count {
  font-size: clamp(25px, 4vw, 60px);
  line-height: clamp(20px, 4vw, 60px);
  color: var(--primary-text);
  text-shadow: 0px 2px 14px #000000a3;
}

.promoz .loyaltyLevelInfo .level .player-level>p {
  margin: 0;
  color: #e4edf8;
}

body .promoz .promo-tittle-points .points-title-wrapper {
  display: -ms-grid;
  display: grid;
  place-items: center;
}

body .promoz .promo-tittle-points .tittle,
.promoz .loyaltyLevelInfo .level .player-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(10px, 1.5vw, 20px);
}

.promoz .loyaltyLevelInfo .loyalty-voucher .loyalty-title {
  font-size: 20px;
  margin-left: 5px;
  font-size: clamp(10px, 1.5vw, 20px);
}

body .promoz button,
body.tablet .promoz button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 12%;
}

body.mobile .promo-tittle-points,
body.mobile .promoz .menu-loyalty {
  background-color: var(--surface-surface);
  padding: 17px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

body.mobile .promoz .promo-tittle-points .points,
body.mobile .itemz .promoz .loyalty-voucher-count {
  font-size: 35px;
  margin-bottom: 11px;
  line-height: 26px;
}

body.mobile .promoz .promo-tittle-points .tittle,
body.mobile .loyaltyLevelInfo .level .player-level,
body.mobile .loyaltyLevelInfo .loyalty-voucher .loyalty-title {
  font-size: 12px;
  line-height: 14px;
  margin: 0;
}

body.mobile .bonusGame .promoz .promo-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--surface-surface);
  padding: 15px 19px 15px 0;
}

body.mobile .promoz .promo-tittle-points .points-title-wrapper,
.loyaltyTrack {
  height: 100%;
}

.simplePageContainer .grid-containerz {
  margin-top: 66px;
}

body.tablet .simplePageContainer .grid-containerz.bonusGame {
  margin-top: 43px;
}

body.mobile .simplePageContainer .grid-containerz.bonusGame .grid-containerz {
  margin: 0px;
}

body.mobile .loylaty-all.minclassdiv .itemz,
body.mobile .bonus-all.minclassdiv.freegame .itemz {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2 / 4;
}

/* promo */
#mainMenu li a span {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.framedform[data-content="iframe"] .framedcontent {
  width: 100%;
  max-width: 800px;
}

.iframe-container {
  padding: 30px;
}

.wrapperContainer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}


body.desktop .framedform.open[data-content^="https://support.palms.bet/forms/index"] .framedcontent {
  width: 50%;
}

.desktop footer .products {
  width: 15%;
}

footer .palmsbet>div {
  margin: 10px 0px;
}

footer .products>div {
  margin: 10px 0px;
}

footer .footerHelp>div {
  margin: 10px 0px;
}

body.mobile footer .palmsbet>div {
  margin: 4px 0px;
}

body.mobile footer .products>div {
  margin: 4px 0px;
}

body.mobile footer .footerHelp>div {
  margin: 4px 0px;
}

img.cil {
  width: 39px;
  margin-bottom: 15px;
}

img.mincetur {
  max-height: 25px;
  margin-top: 5px;
}

.cil-container {
  display: flex;
  gap: 10px;
}

body footer .flice p {
  color: var(--primary-input-color);
}
body.mobile footer .flice p {
  margin-bottom: 10px;
}

@keyframes moveLeft {
  from {
    left: 0px;
  }

  to {
    left: -682px;
  }
}

@keyframes moveLeftMobile {
  from {
    left: 0px;
  }

  to {
    left: -485px;
  }
}

body.desktop footer .payment .paymentList div {
  animation: moveLeft 12s infinite;
  animation-timing-function: linear;
}

body footer .payment .paymentList div {
  position: relative;
  animation: moveLeftMobile 12s infinite;
  animation-timing-function: linear;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 80px;
  transform: translateY(10px);
}

body footer .payment .paymentList div:hover {
  animation-play-state: paused;

}

body footer .payment .paymentList div img {
  filter: grayscale(100%) opacity(80%);
  transform: translateY(15px);
  margin: 0 12px;
}

body footer .payment .paymentList div img:hover {
  filter: none;
  scale: 1.3;
  transform: translateY(12px);
}

body.mobile.installable header {
  top: 70px;
}

body.mobile.installable main[role="main"] {
  padding-top: 120px;
}

.add-button {
  all: unset;
  border-radius: 6px;
  background: var(--secondary-main);
  padding: 8px 16px;
  box-shadow: 0px 3px 3px #00000061;
  font-size: 10px;
  color: var(--primary-text);
  text-transform: capitalize;
}

.close-title {
  all: unset;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
}

#install {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: var(--primary-text);
  padding: 0px 15px;
  text-align: right;
  font-size: 0;
  display: none;
  z-index: 9999;
}

body #install {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#install .logo_content {
  display: flex;
  flex-grow: 1;
  align-items: center;
}

#install .logo_content .title h5 {
  text-align: left;
  font-size: min(16px, 3vw);
  font-weight: var(--fw-500);
  letter-spacing: 0.16px;
  color: #15171df2;
  text-transform: initial;
  margin: 0;
}

#install .logo_content .img_logo {
  margin: 0 15px 0 15px;
}

#install .logo_content .title p {
  text-align: left;
  font-size: min(12px, 3vw);
  font-weight: var(--fw-400);
  letter-spacing: 0.12px;
  color: #15171db3;
  text-transform: initial;
}

body.sport .help .chat {
  left: 25px;
}

.help .chat {
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 99999;
  width: 60px;
}

.help .chat img {
  width: 60px;
  height: 60px;
}

body.sport.mobile .help .chat img {
  display: none;
}

body.mobile .help .chat,
body.tablet .help .chat {
  bottom: 80px;
  right: 10px;
}

body.desktop .pageEmail,
body.tablet .pageEmail,
body.mobile .pageEmail {
  width: 35px;
}

body.desktop .pageIN,
body.tablet .pageIN,
body.mobile .pageIN {
  font-size: 34px;
  color: var(--primary-main);
}

body.desktop .pageFB,
body.tablet .pageFB,
body.mobile .pageFB {
  font-size: 34px;
  color: var(--primary-main);
}

body.desktop .pageWAPP img,
body.tablet .pageWAPP img,
body.mobile .pageWAPP img {
  width: 40px;
}

body.desktop .pageWAPP span,
body.tablet .pageWAPP span,
body.mobile .pageWAPP span {
  color: var(--primary-text)
}

body.desktop .pageWAPP,
body.tablet .pageWAPP,
body.mobile .pageWAPP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 20px 0px;
}

body.desktop .socialMediaWrapper,
body.tablet .socialMediaWrapper,
body.mobile .socialMediaWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  gap: 20px;
}

footer .flice .majorityOfAge {
  height: 35px;
  width: 35px;
  margin-bottom: 15px;
  background-color: var(--primary-white);
  padding: 1px;
  border-radius: 50%;
}

#altenarsportsbook {
  background-color: #1C212B;
  width: 100%;
}

main>div {
  display: block;
  width: 100%;
}
#palms_root {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
body[device="mobile"][page="casino"] #palms_root {
  display: block;
  flex-direction: unset;
}
#palms_root > .center {
  flex: 1;
  /* width: calc(100% - 30px); */
}

body.mobile.password .side.center {
  overflow-y: auto;
  height: 760px;
}



.alert-session-expired {
  position: fixed;
  background: #DA6900;
  color: #fff;
  width: 300px;
  bottom: 20px;
  z-index: 999999999;
  padding: 14px;
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 12px;
  right: 20px;
  padding-left: 47px;
}

.alert-session-expired span{
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 10px;
  cursor: pointer; 
}

.alert-session-expired svg{
  position: absolute;
  left: 16px;
  top: 12px;
}

.alert-session-expired i{
  position: absolute;
  left: 18px;
  font-size: 16px;
  top: 14px;
}

.alert-session-expired h3{
  margin: 2px 0px;
}

.popup-tc{
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #ffffff4f;
    z-index: 999999;
    display: none;
    justify-content: center;
    align-items: center;
}

.popup-tc-main{
    display:none;
    width: 464px;
    height: 358px;
    background: #1D1F2B;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    padding: 4%;
    padding-top: 2%;
}

.popup-tc-main p{
  margin-bottom: 16px;
}

.popup-tc-main a{
  text-align: center;
  display: block;
  text-decoration: underline;
  color: var(--secondary-main);
}


.popup-tc-main .a-into-p{
  display: contents;
  text-decoration: underline;
  color: var(--secondary-main);
}

.action-btn-tc{
  display: flex;
  gap: 10px;
  justify-content: center;
}

.action-btn-tc button{
  width: 34%;
  height: 38px;
}

.popup-close-account .action-btn-tc button{
  width:50%;
}

.popup-close-account .popup-tc-main{
  width: 398px;
  height: 316px;
}

.popup-close-account .input-wrapper{
  width:100%;
}

.popup-close-account .error-login-validate{
    margin-top: 2px;
    position: relative;
    left: 0px;
    display: flex;
}

.popup-tc-main-reject{
  display: none;
  padding-top: 54px;
  position:relative;
}

.btn-error-connection{
    color: var(--primary-input-color);
    margin-top: 16px;
    border-radius: 10px;
    border: 1px solid;
    padding: 8px;
    width: 100px;
    display: flex;
    justify-content: center;
}

#date_end_self::-webkit-calendar-picker-indicator {
  filter: invert(0.8);
  position:relative;
  left:-8px;
}




/*.bday-error{
  display:none;
}*/

body.desktop form#register-form div[data-step="2"] .form-group:nth-child(7){
  margin-top:78px;
}

body.desktop form#register-form[current-step="4"] .formfix{
  height: 880px;
}


.register-successful{
  text-align: center;
  font-size: 38px;
  margin-top: 130px;
  margin-bottom: 130px;
  letter-spacing: 2px;
}

.register-successful span{
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 3px;
}

@media(max-width:600px){

  .register-successful img{
    width: 64px;
    margin-bottom: 20px;
  }

  .register-successful {
      font-size: 14px;
      letter-spacing: 2px;
  }

  .register-successful p{
    margin-bottom: 18px;
  }

  .register-successful span{
    width: 60%;
    display: block;
    margin: auto;
    font-size: 10px;
  }

  body.desktop #register-form {
    min-height: initial;
  }

  .body.mobile #register-form[current-step="3"] {
    padding-bottom: 8%;
  }

  .popup-tc-main{
    max-width:94%;
  }

  .accountPageMainContent{
    min-height: 90vh;
  }

  .tab.limits {
    height: 786px;
  }
  
  .date_end_self{
    min-width: 184px;
  }
  
  body.mobile #register-form div[data-step="2"]>div:nth-child(6){
    margin-top: 48px;
  }

  .bday-error{
    display:block;
  }
}