/*HEADER*/
:root {
  --icon-ruleta-mobile: url("https://www.casinoatlanticcity.com/static/img/casino-online-menu/section/img-progresivos-mobile.svg");
  --url-fondo-ruleta-gris: url("https://mobile.casinoatlanticcity.com/static/img/casino-online-menu/section/fondo-gris.png");
}

.icoCerrarMenuLateral {
  opacity: 0;
  animation: fadeInAnimationMenuIcono 0.3s 0.3s ease forwards;
}

@keyframes fadeInAnimationMenuIcono {
  to {
    opacity: 1;
  }
}

button,
img {
  -webkit-user-select: none;
  user-select: none;
}

#my-tooltip,
#my-tooltip2,
#my-tooltip3 {
  background-color: white !important;
  color: black !important;
  top: 70px !important;
}

.clmc-header .clmc-header-menu {
  overflow: auto;
  white-space: nowrap;
}

.clmc-header .clmc-header-menu a {
  text-decoration: none;
  color: var(--clmc-color-primary);
  border-bottom: 2px solid var(--clmc-bg-dark-secondary);
  padding-bottom: 4px;
  margin-right: 20px;
}

.clmc-header .clmc-header-menu a:hover {
  color: var(--clmc-color-primary-light);
  border-bottom: 2px solid var(--clmc-color-secondary);
}

.clmc-header .notloggedButtons .clmc-btn-small {
  margin-top: 4px;
}

.clmc-header a.apuestasButton,
.clmc-header p.apuestasButton {
  white-space: nowrap;
  display: none !important;
}

.apuestas .clmc-header p.apuestasButton {
  display: flex !important;
}

.accountsLink {
  color: #fff;
}

.apuestas .accountsLink {
  display: none;
}

.clmc-header a.apuestasButtonMobile {
  display: none !important;
}

.apuestas .clmc-header a.apuestasButtonMobile {
  display: flex !important;
}

.header-fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.calimaco-content {
  min-height: 100vh;
}

.clmc-header-general {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1050px) {
  .clmc-header .aliasLink,
  .clmc-header .depositDiv,
  .clmc-header .accountsLink {
    display: none;
  }

  .apuestas .clmc-header p.apuestasButton {
    display: none !important;
  }

  .clmc-header .clmc-user-header button.clmc-white-icon {
    margin: 0;
  }

  .clmc-casino-filter .casino-search-bar.search-bar-fixed {
    top: 56px !important;
  }
}

@media (max-width: 480px) {
  .clmc-header-general,
  .clmc-header-casino,
  .clmc-header-apuestas {
    left: 88px;
    margin-left: 0;
    margin-top: 4px;
  }
}

@media (max-width: 450px) {
  .clmc-header-general,
  .clmc-header-casino,
  .clmc-header-apuestas {
    left: 68px;
  }
}

@media (max-width: 380px) {
  .clmc-header-general img {
    width: 85px;
  }
}

html:not(.general, .casino, .apuestas) .clmc-user-header {
  display: none;
}

html.general .clmc-user-header,
html.casino .clmc-user-header,
html.apuestas .clmc-user-header {
  display: flex;
}

html.general .clmc-user-header-content.notloggedButtons div.clmc-flex-center .clmc-btn-primary,
html.casino .clmc-user-header-content.notloggedButtons div.clmc-flex-center a .clmc-btn-primary {
  margin-right: 0;
  color: #fff !important;
  background: none;
  border: 2px solid #fff;
}

html.general
  .clmc-user-header-content.notloggedButtons
  div.clmc-flex-center
  .clmc-btn-primary:hover,
html.casino
  .clmc-user-header-content.notloggedButtons
  div.clmc-flex-center
  a
  .clmc-btn-primary:hover {
  opacity: 0.8;
  background: rgba(255, 255, 255, 0.2);
}

html.general .clmc-user-header-content.notloggedButtons div.clmc-flex-center .clmc-btn-secondary {
  background: var(--clmc-bg-color-primary);
  border: none;
  color: #000 !important;
}

html.general .clmc-user-header-content.notloggedButtons div.clmc-flex-center a:hover {
  opacity: 1;
}

html.general
  .clmc-user-header-content.notloggedButtons
  div.clmc-flex-center
  .clmc-btn-secondary:hover {
  background: var(--clmc-bg-color-primary-light) !important;
}

html.casino .calimaco-content .clmc-body #lobbyArea {
  background: linear-gradient(180deg, #222226 0%, #222226 100%);
}

/*POPUP*/
.clmc-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 2px;
  left: 0;
  margin: 0 auto;
  background: rgb(0 0 0 / 70%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
}

.clmc-popup-content-header * {
  color: #fff;
  fill: #fff;
}

.clmc-popup-content-header .close {
  opacity: 1 !important;
}

.clmc-popup .clmc-popup-content {
  margin: 0 auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  max-height: calc(100dvh - 32px);
  height: auto;
  max-width: 650px;
  min-width: 650px;
  min-height: 180px;
  border-radius: 8px;
  overflow: auto;
  z-index: 1;
  position: relative;
  background: transparent;
}

.clmc-popup .clmc-success-documents {
  min-width: 500px;
  max-width: 500px;
  border-radius: 8px;
}

.clmc-popup .clmc-success-documents .clmc-popup-content-container .content {
  padding: 0 24px;
}

@media (max-width: 767px) {
  .clmc-popup .clmc-success-documents .clmc-popup-content-container .content {
    padding: 0 24px;
  }
}

.clmc-popup
  .clmc-success-documents
  .clmc-popup-content-container
  .content
  svg[data-testid="CheckCircleOutlineIcon"] {
  width: 56px;
  height: 56px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
}

.clmc-popup .clmc-success-documents .clmc-popup-content-container .content .title {
  margin-bottom: 18px;
  font-weight: 800;
  font-size: 28px;
  line-height: 34px;
  color: #000;
}

.clmc-popup .clmc-success-documents .clmc-popup-content-container .content .text {
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #535353;
}

@media (max-width: 767px) {
  .clmc-popup .clmc-success-documents .clmc-popup-content-container .content .title {
    font-size: 25px;
  }

  .clmc-popup .clmc-success-documents .clmc-popup-content-container .content .text {
    font-size: 16px;
  }
}

.clmc-popup .clmc-success-documents .clmc-popup-content-container .content .clmc-p-small {
  margin-bottom: 14px !important;
  color: #535353;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 18px;
}

.clmc-popup
  .clmc-success-documents
  .clmc-popup-content-container
  .uploadDocSuccessPopupButtons
  .clmc-btn-primary {
  box-shadow: 0px 4px 8px rgba(33, 33, 33, 0.2);
  line-height: 17px;
}

#uploadDocSuccessPopup .clmc-popup-content-header {
  height: 52.67px;
  padding: 0;
}

#uploadDocSuccessPopup .iconoCerrarDocumentosEnviadosModal {
  position: relative;
  right: 29px;
  top: 6px;
}

@media (max-width: 767px) {
  #uploadDocSuccessPopup .clmc-popup-content-header {
    height: 44.67px;
  }

  #uploadDocSuccessPopup .iconoCerrarDocumentosEnviadosModal {
    position: relative;
    right: 23px;
    top: 6px;
  }

  .uploadDocSuccessPopupButtons {
    padding: 0 16px;
  }
}

.clmc-popup .clmc-popup-content-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  background: var(--clmc-bg-dark-secondary);
}

.clmc-popup .clmc-popup-content-header .title-popup-login {
  font-family: Editor-Bold;
  font-size: 28px;
  line-height: 36px;
}

.clmc-popup .clmc-popup-content-header h1,
.clmc-popup .clmc-popup-content-header p {
  font-size: 28px;
  font-weight: 800;
  line-height: 34px;
  letter-spacing: 0em;
}

@media (max-width: 767px) {
  .clmc-popup .clmc-popup-content-header h1,
  .clmc-popup .clmc-popup-content-header p {
    font-size: 25px;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
  }
}

.clmc-popup .clmc-field-error {
  padding-left: 0;
}

.clmc-popup .clmc-field-error .MuiAlert-icon {
  display: none;
}

.clmc-popup .clmc-field-error .MuiAlert-message {
  color: var(--clmc-bg-color-error);
  padding: 0px 10px;
}

.clmc-popup-content-container {
  background: #fff;
}

.clmc-popup .clmc-popup-content-container .clmc-btn-primary,
.clmc-popup .clmc-popup-content-container .clmc-btn-secondary {
  height: 48px;
  min-height: 48px;
  max-height: 48px;
}

@media (max-width: 767px) {
  .clmc-popup .clmc-popup-content-container .clmc-btn-primary,
  .clmc-popup .clmc-popup-content-container .clmc-btn-secondary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
}

.clmc-popup.clmc-apuestas .depositTabs .activeDepositTab {
  border-bottom-color: var(--clmc-bg-color-apuestas);
}

.clmc-popup.clmc-apuestas .depositTabs .activeDepositTab p {
  color: #195c4c !important;
}

.clmc-popup.clmc-apuestas #cajeroFisicoResponse .PAGOEFECTIVO_img {
  border-right-color: var(--clmc-bg-color-apuestas);
  border-left-color: var(--clmc-bg-color-apuestas);
}

.clmc-popup.clmc-apuestas
  #depositForm
  .depositForm-step1
  .depositInfo
  .depositInfoCollapseContentRules
  div
  p:first-child,
.clmc-popup.clmc-apuestas
  #cajeroFisicoResponse
  .depositInfo
  .depositInfoCollapseContentRules
  div
  p:first-child {
  background: #308f79;
}

.clmc-popup.clmc-apuestas #depositForm .depositForm-step1 .clmc-btn-primary:not(.clmc-disabled),
.clmc-popup.clmc-apuestas #cajeroFisicoResponse a button.clmc-btn-primary {
  background: var(--clmc-bg-color-apuestas);
}

.clmc-popup.clmc-apuestas #cajeroFisicoResponse a:hover {
  opacity: 1;
}

.clmc-popup.clmc-apuestas
  #depositForm
  .depositForm-step1
  .clmc-btn-primary:not(.clmc-disabled):hover,
.clmc-popup.clmc-apuestas #cajeroFisicoResponse a:hover button.clmc-btn-primary {
  background: #74f5d7 !important;
}

#depositForm .amountMinError,
#depositForm .amountMaxError {
  font-size: 14px !important;
}

.clmc-popup.clmc-apuestas #depositLoading .deposit-loader {
  border-bottom-color: var(--clmc-bg-color-apuestas);
}

@media (max-width: 650px) {
  .clmc-popup .clmc-popup-content {
    max-width: calc(100% - 32px);
    max-height: calc(100% - 32px);
    min-width: calc(100% - 32px);
    /* min-height: 100%; */
    /* height: 100%; */
    width: calc(100% - 32px);
    /* height: -webkit-fill-available; */
    max-height: -webkit-fill-available;
    /* min-height: -webkit-fill-available; */
  }

  .clmc-popup .clmc-popup-content-header .title-popup-login {
    font-size: 25px;
    line-height: 32px;
  }
}

/*FOOTER*/
.clmc-footer-content {
  background: var(--clmc-bg-color-primary);
}

.clmc-footer-content * {
  font-size: var(--clmc-text-normal);
  margin: 2px 0px;
  text-align: center;
  font-weight: bold;
  color: #000000;
}

.clmc-footer-block > p {
  font-weight: bold;
  cursor: default;
  transition: 0.3s;
}

.clmc-footer-block > a {
  cursor: pointer;
}

.clmc-footer-block > a > p {
  text-decoration: underline !important;
}

.clmc-footer-block > a:hover {
  opacity: 1;
}

.clmc-footer-block > a:hover > p {
  color: #b09304 !important;
}

.libro-reclamaciones {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.libro-reclamaciones p {
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  text-decoration: none;
  margin-left: 10px;
  width: 82px;
}

.libro-reclamaciones p:hover {
  color: #ffffff;
}

.footer-redes-sociales img {
  width: 40px;
  height: 40px;
}

.clmc-footer-block p:hover {
  color: var(--clmc-bg-color-primary);
}

/*TABS*/
.clmc-tabs p {
  text-decoration: none;
  color: var(--clmc-color-primary);
  border-bottom: 2px solid var(--clmc-bg-dark-primary);
  padding-bottom: 4px;
  margin-right: 20px;
  cursor: pointer;
}

.clmc-tabs p:hover,
.clmc-tabs p.activeLink {
  color: var(--clmc-color-primary-light);
  border-bottom: 2px solid var(--clmc-color-secondary);
}

/*USER MENU*/
.clmc-user-menu,
.clmc-main-menu {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgb(0 0 0 / 70%);
}

.clmc-user-menu img,
.clmc-main-menu img {
  max-width: 136px;
  height: 35px;
}

.clmc-main-menu img[alt="Logo"] {
  position: relative;
  top: -4px;
}

.clmc-user-menu > div,
.clmc-main-menu > div {
  box-sizing: content-box;
  right: 0;
  top: 0;
  height: calc(100% - 40px);
  padding: 20px;
  background: var(--clmc-bg-color-secondary);
  min-width: calc(250px - 40px);
  max-width: calc(378px - 40px);
  width: calc(378px - 40px);
  margin-left: auto;
  margin-right: 0;
  z-index: 1;
  position: relative;
}

.clmc-user-menu .btn-close,
.clmc-main-menu .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  color: #ffffff;
  z-index: 2;
  background: none;
  border: none;
  cursor: pointer;
}
.clmc-main-menu .btn-close .MuiTouchRipple-root {
  display: none !important;
}
.user-menu-balances {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  padding: 16px;
}

.user-menu-balances .clmc-divider-small,
.white-divider {
  background: rgba(255, 255, 255, 0.1);
}

.user-menu-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}

.user-menu-scroll {
  height: calc(100% - 90px);
  /* height: 100%; */
  /*height: calc(100% - 90px);*/
  height: calc(100vh - 90px);
  overflow: auto;
  box-sizing: unset !important;
  -webkit-box-sizing: unset !important;
}

.clmc-user-menu > div {
  height: 100%;
  min-width: 250px;
  max-width: 378px;
  width: 378px;
}

#menuSlide,
#menuSlideLogin {
  transform: translateX(100%);
  /* Desplaza la barra lateral fuera de la pantalla */
  transition: transform 0.3s ease;
  /* Agrega una transición suave */
}

.menucerrado {
  transform: translateX(0) !important;
}

#menuSlideInicio {
  overflow: auto;
  transform: translateX(-100%);

  /* Desplaza la barra lateral fuera de la pantalla */
  transition: transform 0.3s ease;
  /* Agrega una transición suave */
}

.menucerradoInicio {
  transform: translateX(0) !important;
}

.user-menu-header {
  /* background: linear-gradient(244.4deg, #9a33de -54.23%, rgba(154, 51, 222, 0) 74.97%), #222226; */
  position: absolute;
  width: 100%;
  padding: 0 !important;
  padding-top: 70px !important;
  z-index: 1;
}

.user-menu-header div {
  width: 100%;
  background: #222226;
  border-radius: 24px 24px 0 0;
  height: 60px;
  box-shadow: 0px 3px 5px 0px rgb(34 34 38);
}

.clmc-user-menu > div > div:last-child {
  padding: 90px 20px 0px 20px !important;
}

.user-menu-header .user-avatar-alt {
  position: absolute;
  margin: auto;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 32px;
  top: 20px;
  left: calc(50% - 50px);
  background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(215, 183, 48, 0.8));
}

.apuestas .user-menu-header .user-avatar-alt {
  background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(48, 143, 121, 1));
}

.user-menu-header .user-avatar-alt span {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededed;
  border-radius: 100px;
  border: 8px solid #414247;
}

.clmc-user-menu > div.login-menu {
  padding: 16px !important;
  min-width: calc(250px - 32px);
  max-width: calc(378px - 32px);
  width: calc(378px - 32px);
}

.clmc-user-menu > div.login-menu .clmc-checkbox * {
  color: #fff !important;
}

.login-menu .clmc-input label {
  font-size: 14px;
  padding-top: 4px;
  font-family: var(--clmc-font);
}

.login-menu .clmc-input label[data-shrink="true"] {
  -webkit-transform: translate(12px, 4px) scale(1);
  -moz-transform: translate(12px, 4px) scale(1);
  -ms-transform: translate(12px, 4px) scale(1);
  transform: translate(12px, 4px) scale(1);
  opacity: 0.8;
}

.login-menu .clmc-dark-form a {
  font-size: 14px;
}

.user-menu-list a {
  width: calc(50% - 5px);
}

.user-menu-list div {
  background: #39393c;
  border-radius: 8px;
  padding: 10px;
}

.user-menu-list div p {
  font-size: 12px;
  white-space: nowrap;
  color: #fff;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-menu-list img {
  height: 56px;
  width: 56px;
}

@media (max-width: 768px) {
  .clmc-user-menu > div {
    max-width: 100%;
    width: 100%;
  }

  .clmc-user-menu > div.login-menu {
    max-width: calc(300px - 32px);
    min-width: calc(300px - 32px);
    width: calc(300px - 32px);
  }

  .clmc-main-menu > div {
    max-width: calc(100% - 40px);
    width: calc(100% - 40px);
  }
}

/*MAIN MENU*/
.clmc-main-menu {
  left: 0;
}

.clmc-main-menu > div {
  left: 0;
  margin-left: 0;
  margin-right: auto;
}

.clmc-main-menu > div p,
.clmc-main-menu > div span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: white;
  border: 1px solid #2d2d31;
  border-radius: var(--clmc-border-radius);
  height: 56px;
  margin-bottom: 14px;
  background-color: #2d2d31;
  display: flex;
  align-items: center;
  padding: 0px 12px;
  position: relative;
}

.clmc-main-menu > div span.txtFormateo {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
}
.marginItemMenuTop {
  margin-top: 14px !important;
  display: block;
}
.marginItemMenu {
  margin-bottom: 14px !important;
}

.clmc-main-menu > div p button:disabled,
.clmc-main-menu > div p button[disabled] {
  color: white !important;
  background: transparent !important;
}

.clmc-main-menu > div span button:disabled,
.clmc-main-menu > div span button[disabled] {
  color: white !important;
  background: transparent !important;
}

.iconNotiRed {
  width: 12px;
  height: 12px;
  border-radius: 50px 0px 0px 0px;
}

.clmc-main-menu > div a:last-child p {
  margin-bottom: 0 !important;
}

.clmc-main-menu > div span:last-child p {
  margin-bottom: 0 !important;
}

.clmc-main-menu > div .contact-block p.clmc-h2,
.clmc-main-menu > div .contact-block span.clmc-h2,
.clmc-main-menu > div .contact-block p,
.clmc-main-menu > div .contact-block span {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  display: block;
  margin-bottom: 16px;
  color: var(--clmc-bg-color-primary);
  text-transform: capitalize;
  border: none;
  padding: 0;
  margin-bottom: 0;
  height: auto;
}

@media (max-width: 767px) {
  .clmc-main-menu > div .contact-block p.clmc-h2,
  .clmc-main-menu > div .contact-block p,
  .clmc-main-menu > div .contact-block span.clmc-h2,
  .clmc-main-menu > div .contact-block span {
    font-size: 16px;
    line-height: 18px;
  }
}

.clmc-main-menu > div .contact-block p.clmc-h2,
.clmc-main-menu > div .contact-block span.clmc-h2 {
  margin-bottom: 16px !important;
  color: var(--clmc-bg-color-primary) !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
  cursor: inherit;
}

.clmc-main-menu > div .contact-block p,
.clmc-main-menu > div .contact-block span {
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
  text-transform: inherit;
}

.clmc-main-menu > div .contact-block p:hover,
.clmc-main-menu > div .contact-block span:hover {
  color: var(--clmc-bg-color-primary);
}

.clmc-absolute-icon {
  position: absolute;
  right: 10px;
}

.clmc-main-menu > div p.index-link,
.clmc-main-menu > div p.index-link .clmc-white-icon {
  border-color: var(--clmc-bg-color-casino);
  color: var(--clmc-bg-color-casino) !important;
  fill: var(--clmc-bg-color-casino) !important;
  transition: 0.3s;
}

.clmc-main-menu > div span.index-link,
.clmc-main-menu > div span.index-link .clmc-white-icon {
  border-color: var(--clmc-bg-color-casino);
  color: var(--clmc-bg-color-casino) !important;
  fill: var(--clmc-bg-color-casino) !important;
  transition: 0.3s;
}

.clmc-main-menu > div p.casino-link {
  border-left: 4px solid var(--clmc-bg-color-casino);
}

.clmc-main-menu > div span.casino-link {
  border-left: 4px solid var(--clmc-bg-color-casino);
}

.clmc-main-menu > div p.casino-link:hover,
.clmc-main-menu > div p.casino-link:hover .clmc-white-icon {
  border-color: var(--clmc-bg-color-casino);
  color: var(--clmc-bg-color-casino) !important;
  fill: var(--clmc-bg-color-casino) !important;
  transition: 0.3s;
  box-shadow: none !important;
}

.clmc-main-menu > div span.casino-link:hover,
.clmc-main-menu > div span.casino-link:hover .clmc-white-icon {
  border-color: var(--clmc-bg-color-casino);
  color: var(--clmc-bg-color-casino) !important;
  fill: var(--clmc-bg-color-casino) !important;
  transition: 0.3s;
  box-shadow: none !important;
}

.clmc-main-menu > div p.casino-link-2 {
  /* border-left: 4px solid var(--clmc-bg-color-casino);*/
}

.clmc-main-menu > div span.casino-link-2 {
  /* border-left: 4px solid var(--clmc-bg-color-casino);*/
}

.clmc-main-menu > div p.casino-link-2:hover,
.clmc-main-menu > div p.casino-link-2:hover .clmc-white-icon {
  border-color: var(--clmc-bg-color-casino);
  color: var(--clmc-bg-color-casino) !important;
  fill: var(--clmc-bg-color-casino) !important;
  transition: 0.3s;
}

.clmc-main-menu > div span.casino-link-2:hover,
.clmc-main-menu > div span.casino-link-2:hover .clmc-white-icon {
  border-color: var(--clmc-bg-color-casino);
  color: var(--clmc-bg-color-casino) !important;
  fill: var(--clmc-bg-color-casino) !important;
  transition: 0.3s;
}

.clmc-main-menu > div p.apuestas-link {
  border-left: 4px solid var(--clmc-bg-color-apuestas);
}

.clmc-main-menu > div span.apuestas-link {
  border-left: 4px solid var(--clmc-bg-color-apuestas);
}

.clmc-main-menu > div p.apuestas-link:hover,
.clmc-main-menu > div p.apuestas-link:hover .clmc-white-icon {
  border-color: var(--clmc-bg-color-apuestas);
  color: var(--clmc-bg-color-apuestas) !important;
  fill: var(--clmc-bg-color-apuestas) !important;
  transition: 0.3s;
  box-shadow: none !important;
}

.clmc-main-menu > div span.apuestas-link:hover,
.clmc-main-menu > div span.apuestas-link:hover .clmc-white-icon {
  border-color: var(--clmc-bg-color-apuestas);
  color: var(--clmc-bg-color-apuestas) !important;
  fill: var(--clmc-bg-color-apuestas) !important;
  transition: 0.3s;
  box-shadow: none !important;
}

.clmc-main-menu > div p.promo-link {
  border-left: 4px solid var(--clmc-color-promo);
  background: linear-gradient(90deg, rgba(44, 2, 56, 1) 0%, rgba(127, 22, 148, 1) 70%);
}

.clmc-main-menu > div span.promo-link {
  border-left: 4px solid var(--clmc-color-promo);
  background: linear-gradient(90deg, rgba(44, 2, 56, 1) 0%, rgba(127, 22, 148, 1) 70%);
}

.clmc-main-menu > div p.promo-link:hover,
.clmc-main-menu > div p.promo-link:hover .clmc-white-icon {
  border-color: var(--clmc-color-promo);
  transition: 0.3s;
}

.clmc-main-menu > div span.promo-link:hover,
.clmc-main-menu > div span.promo-link:hover .clmc-white-icon {
  border-color: var(--clmc-color-promo);
  transition: 0.3s;
}

.clmc-main-menu > div p.promo-link img.promo-link-img {
  width: 58px;
  height: 58px;
  margin-top: -6px;
  margin-right: 20px;
}
/* convertir a span*/
.clmc-main-menu > div span.promo-link {
  border-left: 4px solid var(--clmc-color-promo);
  background: linear-gradient(90deg, rgba(44, 2, 56, 1) 0%, rgba(127, 22, 148, 1) 70%);
}
.clmc-main-menu > div span.promo-link img.promo-link-img {
  width: 58px;
  height: 58px;
  margin-top: -6px;
  margin-right: 20px;
}
/* convertir a span*/
.clmc-main-menu > div span.promo-link {
  border-left: 4px solid var(--clmc-color-promo);
  background: linear-gradient(90deg, rgba(44, 2, 56, 1) 0%, rgba(127, 22, 148, 1) 70%);
}

.clmc-main-menu > div span.promo-link:hover,
.clmc-main-menu > div span.promo-link:hover .clmc-white-icon {
  border-color: var(--clmc-color-promo);
  transition: 0.3s;
}

.clmc-main-menu > div span.promo-link img.promo-link-img {
  width: 58px;
  height: 58px;
  margin-top: -6px;
  margin-right: 20px;
}
/**/

.clmc-main-menu > div span.promo-link:hover,
.clmc-main-menu > div span.promo-link:hover .clmc-white-icon {
  border-color: var(--clmc-color-promo);
  transition: 0.3s;
}

.clmc-main-menu > div span.promo-link img.promo-link-img {
  width: 58px;
  height: 58px;
  margin-top: -6px;
  margin-right: 20px;
}
/**/

.normal-link-borde-blanco:hover {
  border-color: #ffffff;
}

.clmc-main-menu > div p.normal-link:hover {
  /*background: rgba(255, 255, 255, 0.05);*/
  /* border-color: #ffffff;*/
  transition: 0.3s;
}

.clmc-main-menu > div p.normal-link-login:hover,
.clmc-main-menu > div p.normal-link-login2:hover {
  box-shadow: inset 0px 0px 0px 1px rgb(255 255 255);
  /* border-color: #ffffff;*/
  transition: 0.3s;
}

.clmc-main-menu > div p.normal-link-ad:hover {
  /*box-shadow: inset 0px 0px 0px 1px #4FC1A7 !important;*/
  box-shadow: inset 0px 0px 0px 1px rgb(255 255 255);
  /* border-color: #ffffff; */
  transition: 0.3s;
}

.clmc-main-menu > div p.normal-link-login3:hover {
  box-shadow: inset 0px 0px 0px 1px #d7b730;
  /* border-color: #ffffff;*/
  transition: 0.3s;
}

.clmc-main-menu > div p.normal-link-login4 {
  /* border-color: #ffffff;*/
  transition: 0.3s;
}

.clmc-main-menu > div p.normal-link-login4:hover {
  box-shadow: inset 0px 0px 0px 1px #d7b730;
  color: #d7b730 !important;
}

.clmc-main-menu > div p.normal-link-login4:hover button svg {
  color: #d7b730 !important;
}

/* convertir a span*/
.clmc-main-menu > div span.normal-link:hover {
  /*background: rgba(255, 255, 255, 0.05);*/
  /* border-color: #ffffff;*/
  transition: 0.3s;
}

.clmc-main-menu > div span.normal-link-login:hover,
.clmc-main-menu > div span.normal-link-login2:hover {
  box-shadow: inset 0px 0px 0px 1px rgb(255 255 255);
  /* border-color: #ffffff;*/
  transition: 0.3s;
}

.clmc-main-menu > div span.normal-link-ad:hover {
  /*box-shadow: inset 0px 0px 0px 1px #4FC1A7 !important;*/
  box-shadow: inset 0px 0px 0px 1px rgb(255 255 255);
  /* border-color: #ffffff; */
  transition: 0.3s;
}

.clmc-main-menu > div span.normal-link-login3:hover {
  box-shadow: inset 0px 0px 0px 1px #d7b730;
  /* border-color: #ffffff;*/
  transition: 0.3s;
}

.clmc-main-menu > div span.normal-link-login4 {
  /* border-color: #ffffff;*/
  transition: 0.3s;
}

.clmc-main-menu > div span.normal-link-login4:hover {
  box-shadow: inset 0px 0px 0px 1px #d7b730;
  color: #d7b730 !important;
}

.clmc-main-menu > div span.normal-link-login4:hover button svg {
  color: #d7b730 !important;
}
/**/

.normal-link-login3-menuAbierto,
.normal-link-login2-menuAbierto {
  box-shadow: none !important;
}

.clmc-main-menu > div p.menuActivo {
  background: rgba(255, 255, 255, 0.1);
  /* Cross/Opacities/Dark/80 */

  box-shadow: inset 0px 0px 0px 1px rgb(255 255 255);
}

.clmc-main-menu > div p.menuActivo2 {
  background: rgba(255, 255, 255, 0.1);
  /* Cross/Opacities/Dark/80 */
  box-shadow: inset 0px 0px 0px 1px #d7b730;
  color: #d7b730;
}

.clmc-main-menu > div p.menuActivo2 button svg,
.clmc-main-menu > div p.menuActivo2:hover button svg {
  fill: #d7b730;
}

.clmc-main-menu > div p.menuActivoAD {
  /* background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px 0px 0px 1px #4FC1A7 !important;*/
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px 0px 0px 1px rgb(255 255 255);
}

.clmc-main-menu > div p.menuActivoPromociones {
  /*border-color: var(--clmc-color-promo);*/
  box-shadow: inset 0px 0 0 1px #d985f4;
}

/* convertir a span*/

.clmc-main-menu > div span.menuActivo {
  background: rgba(255, 255, 255, 0.1);
  /* Cross/Opacities/Dark/80 */

  box-shadow: inset 0px 0px 0px 1px rgb(255 255 255);
}

.clmc-main-menu > div span.menuActivo2 {
  background: rgba(255, 255, 255, 0.1);
  /* Cross/Opacities/Dark/80 */
  box-shadow: inset 0px 0px 0px 1px #d7b730;
  color: #d7b730;
}

.clmc-main-menu > div span.menuActivo2 button svg,
.clmc-main-menu > div span.menuActivo2:hover button svg {
  fill: #d7b730;
}

.clmc-main-menu > div span.menuActivoAD {
  /* background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px 0px 0px 1px #4FC1A7 !important;*/
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px 0px 0px 1px rgb(255 255 255);
}

.clmc-main-menu > div span.menuActivoPromociones {
  /*border-color: var(--clmc-color-promo);*/
  box-shadow: inset 0px 0 0 1px #d985f4;
}

.clmc-main-menu > div p.menuActivo svg {
}

.normal-link.mesas-menu .icoMenu-variante {
  display: none;
}

.normal-link.mesas-menu.arrowUp svg {
  transform: rotate(180deg);
}

.normal-link.mesas-menu.menuAbierto {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: rgba(255, 255, 255, 0.2) !important;

  border: none;
}

.normal-link.mesas-menu.linkDorado {
  color: #d7b730 !important;
}

.normal-link.mesas-menu.linkDorado svg {
  color: #d7b730 !important;
}

.normal-link.mesas-menu.linkDorado img.icoMenu-inactivo {
  display: block !important;
}

.normal-link.mesas-menu.linkDoradoInverso {
  color: #d7b730 !important;
  background: #4c4c4f !important;
}

.normal-link.mesas-menu.linkDoradoInverso img.icoMenu-activo {
  display: block !important;
}

.normal-link.mesas-menu.linkDoradoInverso svg {
  color: #000000 !important;
}

.menuPadre button:last-child svg {
  width: 25px;
  position: relative;
  top: -1px;
}

.clmc-main-menu .livebadge {
  background: #bf3000;
  border-radius: 8px;
  padding: 5px 10px;
  margin-left: 10px;
  height: 25px;
}

.mesas-submenu {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0 0 8px 8px;
  background: #414247;
}

.normal-link.mesas-menu {
  margin-bottom: 0;
}

.mesas-submenu .normal-link {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.normal-link.mesas-menu.visibleSubMenu {
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px 8px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-bottom: none !important;
}

.mesas-submenu .normal-link:hover {
  background: rgba(255, 255, 255, 0.05);
}

.normal-link.mesas-menu.visibleSubMenu .clmc-absolute-icon {
  transform: rotate(180deg);
}

/*OVERLAY*/
.clmc-overlay {
  width: 100%;
  height: 100%;
  background: none;
  margin: 0;
  position: fixed;
  z-index: 0;
}

/*ALTENAR*/
.clmc-apuestas-container {
  min-height: calc(100vh - 80px);
  background: #222226;
  padding: 24px;
}

@media (max-width: 768px) {
  .clmc-apuestas-container {
    padding: 0;
  }
}

/*BANNER*/
.clmc-banners {
  z-index: 5;
  width: 100%;
  /* overflow: hidden; */
  max-height: 98px;
  min-height: 98px;
  height: 98px;
  background: #000;
}

.clmc-banners .clmc-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  z-index: -1;
  opacity: 0;
  height: 200px;
}

.clmc-banners .clmc-banner.clmc-banner-active {
  position: absolute;
  right: 0;
  z-index: 0;
  display: flex;
  opacity: 1;
}

.clmc-banners .clmc-banner > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
}

.bigBanner .clmc-banners .clmc-banner div {
  /* justify-content: center !important; */
}

.clmc-banners .clmc-banner .fondoimgBanner {
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
}

.clmc-banners button#clmc-banner-back {
  /*position: absolute;
  left: 8px;*/
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 0;
  width: 45px;
  height: 45px;
  overflow: hidden;
}

.clmc-banners button#clmc-banner-next {
  /*position: absolute;
  right: 20px;*/
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 0;
  width: 45px;
  height: 45px;
  overflow: hidden;
}

.clmc-banners button#clmc-banner-back:hover,
.clmc-banners button#clmc-banner-next:hover {
  /*background: rgb(0 0 0 / 50%);*/
  background-color: transparent !important;
}

.clmc-banners .clmc-banner-counters {
  position: absolute;
  margin-top: 280px;
  display: flex;
  cursor: pointer;
}

@media (min-width: 768px) {
  .clmc-banners .clmc-banner-counters {
    margin-top: 360px;
  }
}

.clmc-banners .clmc-banner-counters div:hover,
.clmc-banners .clmc-banner-counters div.active-pointer {
  opacity: 1;
}

.clmc-banners .clmc-banner-counters div {
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 100%;
  margin: 0px 8px;
  opacity: 0.5;
}

.clmc-header .clmc-header-menu div .clmc-menu-img {
  width: 35px;
  height: 35px;
}

.bigBanner .clmc-banners {
  height: 400px;
  min-height: 400px !important;
  max-height: 400px !important;
}

.clmc-banners .clmc-banner {
  height: 200px;
  width: 100%;
  display: none;
}

.clmc-banners .clmc-banner .bannerDesc {
  height: calc(100% - 48px);
  width: calc(100% - 96px);
  max-width: 600px;
  position: absolute;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  left: 0;
  background-image: linear-gradient(to right, #000, #0000 60%);
  padding: 24px 0 24px 48px;
}

.bannerTitle {
  font-size: 28px;
  font-weight: bold;
  color: var(--clmc-bg-color-primary);
  font-family: "TT Norms Pro", sans-serif;
}

.clmc-text-white .bannerTitle {
  color: white;
}

.bannerTitle,
.bannerBody {
  /*padding: 0 36px;*/
}

@media (max-width: 767px) {
  .bannerTitle,
  .bannerBody {
    /* padding: 0 15px;*/
  }
}

.bannerBody {
  color: #ffffff;
  font-size: 24px;
  margin-top: 8px;
  font-family: "TT Norms Pro", sans-serif;
}

.clmc-banners .clmc-banner a p.defaultButton {
  /* background: var(--clmc-bg-color-primary) !important; */
  color: #000;
  border: none;
  padding: 0 16px;
  border-radius: 8px;
  outline: 0;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  min-width: 100px;
  box-sizing: border-box;
  text-transform: uppercase;
  transition: 0.3s;
  margin-top: 10px;
  font-family: "TT Norms Pro", sans-serif;
}

@media (max-width: 768px) {
  .clmc-banners {
    max-height: 56px;
    min-height: 56px;
    height: 56px;
  }

  .bigBanner .clmc-banners {
    height: 320px;
    min-height: 320px !important;
    max-height: 320px !important;
  }

  .clmc-banners .clmc-banner div {
    align-items: flex-start;
  }

  .bigBanner .clmc-banners .clmc-banner div {
    justify-content: flex-start;
  }

  .clmc-banners .clmc-banner .bannerDesc {
    background-image: linear-gradient(to right, #000, #000 30%, #0000 80%);
  }

  .clmc-banners .clmc-banner .fondoimgBanner {
    background-position: 75% center;
  }

  .clmc-banners .clmc-banner .fondoimgBanner > video {
    height: 100%;
  }

  .clmc-banners .clmc-banner .fondoimgBanner.withoutBackground {
    background-position: unset !important;
    background-size: cover !important;
  }

  .bigBanner .clmc-banners .clmc-banner .bannerDesc {
    padding: 24px 0 24px 16px;
    width: calc(70% - 32px);
    height: calc(100% - 48px);
    background-image: linear-gradient(to right, #000, #000 40%, #0000 100%);
  }

  .clmc-banners .clmc-banner .bannerDesc {
    padding: 16px 0 16px 16px;
    width: calc(70% - 32px);
    height: calc(100% - 32px);
    background-image: linear-gradient(to right, #000, #000 40%, #0000 100%);
  }

  .bigBanner .bannerTitle {
    font-size: 30px;
    margin-bottom: 8px;
  }

  .bannerTitle {
    font-size: 20px;
    /* margin-bottom: 8px; */
  }

  .bigBanner .bannerBody {
    font-size: 18px;
  }

  .bannerBody {
    font-size: 16px;
  }

  /* .bigBanner .clmc-banners .clmc-banner a p.defaultButton {
      height: 30px;
      margin-top: 12px;
  } */

  .clmc-banners .clmc-banner a p.defaultButton {
    /* height: 36px;
      margin-top: 16px; */
    height: 48px;
    margin-top: 26px;
    width: auto !important;
  }
}

@media (max-width: 400px) {
  .clmc-header .clmc-header-menu {
    justify-content: flex-start;
  }
}

.iframeBanner {
  height: 100vh;
}

.iframeBanner .clmc-banners {
  width: 100%;
  overflow: hidden;
  max-height: 100%;
  min-height: 100%;
  height: 100%;
}

.iframeBanner .clmc-banners .clmc-banner {
  height: 100%;
  min-height: 100%;
  width: 100%;
}

.iframeBanner .clmc-banners .clmc-banner > div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iframeBanner .clmc-banners .clmc-banner > div img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: cover;
  display: block;
}

.iframeBanner .clmc-banners .clmc-banner .bannerDesc {
  background-image: none;
}

/*LOBBY*/
#lobbyArea .clmc-banners {
  max-height: 185px;
  width: 100%;
  min-height: 185px;
}

#lobbyArea > div:first-child {
  padding-top: 8px;
}

#lobbyArea > div:first-child > div.sliderLobby {
  padding-top: 0;
}

/*Lobby filter*/
.clmc-casino-filter {
  background: #222226;
}

/*Lobby search*/
.search-bar {
  padding: 16px;
}

.search-bar .inputContent:hover,
.search-bar .inputContent:active,
.search-bar.active .inputContent {
  /* border: solid 2px rgba(255, 255, 255, 0.8) !important; */
  /* box-shadow: 0px 0px 1px 1.2px rgba(255, 255, 255, 0.8) !important;*/
}

.search-bar:active .search-content,
.search-bar.active .search-content {
  /* top: 82px !important;*/
}

.search-bar form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

@media (max-width: 767px) {
  .search-bar form {
    gap: 16px;
  }
}

.search-bar .clmc-input {
  background: rgba(255, 255, 255, 0.1);
  max-width: 650px;
  border-radius: 8px;
  transition: all 0.3s ease;
  /* border: 1px solid rgba(255, 255, 255, 0.4) !important; */
  /* border: 2px solid rgba(255, 255, 255, 0.8) !important; */
}

.search-bar .clmc-input .MuiOutlinedInput-root {
  border-radius: 8px;
  transition: border 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.search-bar .clmc-input .MuiOutlinedInput-root.Mui-focused {
  border: 2px solid rgba(255, 255, 255, 0.8) !important;
}

.search-bar .clmc-input input {
  padding: 10.5px 16px;
  border-radius: 8px !important;
  color: rgba(192, 192, 192, 1);
  font-family: TT Norms Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
}

.search-bar .clmc-input input:focus-visible::placeholder {
  color: rgba(192, 192, 192, 1);
  font-family: TT Norms Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
}

.search-bar .clmc-input input:focus-visible::-webkit-input-placeholder {
  color: rgba(192, 192, 192, 1);
  font-family: TT Norms Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
}

.search-bar .clmc-input input:focus-visible:-moz-placeholder {
  color: rgba(192, 192, 192, 1);
  font-family: TT Norms Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
}

/* FF 4-18 */
.search-bar .clmc-input input:focus-visible::-moz-placeholder {
  color: rgba(192, 192, 192, 1);
  font-family: TT Norms Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
}

/* FF 19+ */
.search-bar .clmc-input input:focus-visible:-ms-input-placeholder {
  color: rgba(192, 192, 192, 1);
  font-family: TT Norms Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
}

/* IE 10+ */

.search-bar .clmc-input * {
  border: none !important;
}

.search-content {
  position: absolute;
  width: 100%;
  max-width: 650px;
  min-width: 265px;
  height: fit-content;
  z-index: 999;
  margin-top: -20px;
  background: #434242eb;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  /* -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px); */
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .search-content {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
}

@media (max-width: 767px) {
  .search-content {
    max-width: 418px;
  }
}

.search-results {
  gap: 16px;
  z-index: 999;
  max-height: 250px;
  overflow: auto;
  padding: 0;
  margin: 16px 8px 16px 12px;
  padding-right: 10px;
}

@media (max-width: 413px) {
  .search-results {
    min-width: 85%;
  }
}

@media (max-width: 413px) {
  .contentSearch {
    margin: 16px 16px 0px 25px;
  }
}

.search-results div[class^="loading_spinner"] {
  border: 7px solid #8a8a8b !important;
  border-top: 7px solid #d7b730 !important;
  width: 50px !important;
  height: 50px !important;
}

.searchLobby-machine-button {
  white-space: nowrap;
  overflow: hidden;
}

.searchLobby-machine-button p {
  color: #fff;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.searchLobby-machine-button button {
  height: 38px;
  min-width: 100px;
  max-width: 100px;
}

.searchLobby-machine {
  display: flex;
  width: 100%;
}

.searchLobby-machine img {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  min-width: 92px;
  width: 92px;
  height: 70px;
  margin-right: 20px;
}
.searchLobby-machine2 {
  width: 104px;
  max-height: 166px;
  cursor: pointer;
}
.searchLobby-machine2 figure {
  width: 104px;
  height: 140px;
  overflow: hidden;
}
.searchLobby-machine2 figure img {
  width: 104px;
  height: 140px;
  object-fit: cover;
  object-position: center center;
  border-radius: 8px;
}
@media (max-width: 500px) {
  .searchLobby-machine2 {
    width: 100px;
  }
  .searchLobby-machine2 figure {
    width: 100px;
  }
  .searchLobby-machine2 figure img {
    width: 100px;
  }
}

@media (max-width: 345px) {
  .searchLobby-machine2 {
    width: 96px;
  }
  .searchLobby-machine2 figure {
    width: 96px;
  }
  .searchLobby-machine2 figure img {
    width: 96px;
  }
}

@media (max-width: 320px) {
  .searchLobby-machine2 {
    width: 85px;
  }
  .searchLobby-machine2 figure {
    width: 85px;
  }
  .searchLobby-machine2 figure img {
    width: 85px;
  }
}
.searchLobby-machine2 p {
  margin-top: 8px;
  color: white;
  display: block;
  word-wrap: break-word;
  font-family: TT Norms Pro;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.clmc-casino-filter .casino-search-bar.search-bar-fixed {
  position: fixed;
  top: 80px;
  width: 100%;
  background: #222226;
  box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 75%);
  z-index: 9;
}

.clmc-content-padding {
  padding-top: 186px !important;
}
.bordeBtnFavorito {
  background: linear-gradient(99.83deg, #fff582 -1.63%, #b43600 41.56%, #fae678 88.49%);
  padding: 1px;
  border-radius: 8px;
}
.favouritesButton {
  color: #fff;
  text-transform: none;
  background: linear-gradient(95.44deg, #470c55 0.41%, #0c072e 51.92%, #0e0423 97.38%);
  transition: all 0.3s ease;
  min-width: auto;
  height: 44px;
  padding: 12px 8px !important;
  line-height: 0;
}

.favouritesButton .content_icon_fav {
  margin-right: 4px;
}

.favouritesButton .content_icon_fav {
  padding: 0;
}

.favouritesButton img {
  width: 22px;
}

.favouritesButton:hover {
  background: linear-gradient(95.44deg, #470c55 0.41%, #0c072e 51.92%, #0e0423 97.38%);
  filter: brightness(1.5);
}

.favouritesButton:active {
  border: solid 3px white;
  filter: initial !important;
}

.favouritesButton.visibleFavourites {
  filter: drop-shadow(0px 0px 4px #cb2ceb) drop-shadow(0px 0px 4px #cb2ceb)
    drop-shadow(0px 0px 4px #cb2ceb);
}

@media (max-width: 768px) {
  .search-bar {
    padding: 16px;
  }

  .search-bar .clmc-input,
  .search-bar .clmc-input div {
    height: 44px;
  }

  .clmc-content-padding {
    padding-top: 124px !important;
  }

  .favouritesButton {
    height: 46px;
    min-width: auto;
    padding: 8px 8px !important;
  }

  .favouritesButton .content_icon_fav {
    margin-right: 4px;
  }

  .favouritesButton img {
    width: 26px;
    height: 26px;
  }

  .search-results .sliderLobby-machine {
    margin-bottom: 10px;
  }

  /* .search-content {
      height: calc(100vh - 86px);
  } */
}

/*Lobby menu*/
.clmc-casino-menu {
  align-items: flex-start;
  background: #222226;
  box-shadow: inset -126px 10px 57px -85px #222226;
  display: flex;
  justify-content: flex-start;
  position: relative;
  padding: 10px 16px;
}

@media (min-width: 1024px) {
  .clmc-casino-menu {
    padding: 20px 72px;
    padding-bottom: 4px;
  }
}

a.casino-menu-link.activeMenuOption p .activeOverflow,
a.casino-menu-link:hover p .activeOverflow {
  opacity: 1;
  height: 80px;
  width: 80px;
}

p.casino-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
  text-align: center;
  color: #fff;
  font-weight: bold;
  /* margin-right: 40px; */
  white-space: nowrap;
  /* max-width: 90px; */
  min-width: 90px;
}

.clmc-casino-menu-list {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  justify-content: center;
  overflow: auto;
  scroll-behavior: smooth;
  /* width: 100%; */
  margin: auto;
  /* max-width: 1296px; */
  padding: 4px;

  @media (min-width: 700px) {
    justify-content: start;
    padding: 12px;
  }
}

@media (min-width: 900px) {
  .clmc-casino-menu-list {
    gap: 24px;
    justify-content: start;
  }
}

@media (min-width: 1300px) {
  .clmc-casino-menu-list {
    justify-content: center;
  }
}

.casino-menu-overlay-left {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 20px;
  background: linear-gradient(
    90deg,
    rgba(34, 34, 38, 1) 0%,
    rgba(34, 34, 38, 0.7091211484593838) 40%,
    rgba(34, 34, 38, 0) 90%
  );
}

.casino-menu-overlay-right {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 60px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 20px;
  background: linear-gradient(
    90deg,
    rgba(34, 34, 38, 0) 0%,
    rgba(34, 34, 38, 0.7091211484593838) 40%,
    rgba(34, 34, 38, 1) 90%
  );
}

.menuScrollablefalse {
  justify-content: center;
}

.menuScrollabletrue {
  justify-content: flex-start;
  width: auto;
  margin: auto;
}

.menuScrollabletrue::after {
  content: "";
  position: absolute;
  background: linear-gradient(271.28deg, #222226 22.86%, rgba(34, 34, 38, 0) 107.87%);
  width: 72px;
  height: 100%;
  z-index: 1;
  right: 0;
  pointer-events: none;
}

.clmc-casino-menu-list a:last-child p {
  margin: 0;
}

.clmc-fav-icon {
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 5px;
  color: #e81b00;
  background: #fff;
}

.clmc-fav-icon:hover {
  background: #ffd0ca;
}

.clmc-fav-icon svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 767px) {
  .clmc-casino-menu-list {
    justify-content: flex-start;
  }

  p.casino-menu-item button {
    margin: 0 0 4px 0;
  }
}

@media (max-width: 1050px) {
  .clmc-casino-menu-list::after {
    right: 0;
    content: "";
    display: block;
    background: linear-gradient(270.43deg, #222226 45.29%, rgba(34, 34, 38, 0) 108.64%);
    transition: opacity 0.3s ease;
    position: absolute;
    width: 15px;
    height: 100%;
    z-index: 1;
  }

  .clmc-casino-menu-list.noFX::after {
    opacity: 0;
    pointer-events: none;
  }

  p.casino-menu-item {
    font-size: 14px;
    line-height: 16.78px;
    min-width: 72px;
  }

  p.casino-menu-item img {
    width: 50px;
    height: 50px;
  }

  .casino-menu-overlay-right,
  .casino-menu-overlay-left {
    width: 30px;
  }

  a.casino-menu-link.activeMenuOption p .activeOverflow,
  a.casino-menu-link:hover p .activeOverflow {
    top: -7px;
    height: 64px;
    width: 64px;
  }
}

/*sliderLobby*/
.lobby-maquinas-promociones {
  background: linear-gradient(177.92deg, #4a4a4a -0.05%, #222222 54.44%);
}

.sliderLobby {
  max-width: calc(1440px - 144px);
  margin: auto;
  padding: 24px 72px;
}

.sliderLobbyV2 {
  max-width: 1440px;
  margin: auto;
  padding: 24px 72px;
}

.sliderLobby-header {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  justify-content: space-between;
  padding: 1px 0;
}

.sliderLobby-header > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sliderLobby-header img {
  width: 40px;
  height: 40px;
  margin-right: 8px;
}

.sliderLobby-header p {
  line-height: 30.72px;
  font-weight: bold;
  font-size: 24px;
  color: white;
  cursor: pointer;
}

.sliderLobby-header a button {
  height: 44px;
  min-width: 160px;
}

.sliderLobby-buttons button {
  margin-right: 10px;
  width: 40px;
  height: 40px;
  color: #fff;
  transition: border 0.3s ease-in-out;
  background-color: transparent;
  border: solid 2px white;
  /* outline: 2px solid #fff;
    outline-offset: -2px; */
}

.sliderLobby-buttons button:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.2);
}

.sliderLobby-buttons button svg {
  width: 12px;
}

.sliderLobby-buttons button[disabled] {
  /* background: rgba(33, 33, 33, 0.1); */
  /* outline-color: transparent; */
  border: none 0px;
  background: rgba(255, 255, 255, 0.4) !important;
}

.sliderLobby-buttons button[disabled] svg {
  /* color: rgba(33, 33, 33, 0.2); */
  color: rgba(33, 33, 33, 0.2);
  fill: rgba(255, 255, 255, 0.3) !important;
}

.sliderLobby-wrapper {
  display: flex;
  position: relative;
}

.sliderLobby-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  overflow: auto;
  position: relative;
  scroll-behavior: smooth;
  /* border: solid 1px green; */
  /* padding-bottom: 10px; */
}

.custom-scrollbar::-webkit-scrollbar {
  display: none;
}

.custom-scrollbar::-webkit-scrollbar {
  display: none;
}

.sliderLobby-content::-webkit-scrollbar {
  display: none;
}

.sliderLobby-content > div {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
}

.sliderLobbyRow2 {
  margin-top: 16px;
}

.sliderLobbyRow2:empty {
  display: none !important;
}

.sliderLobby-navigation {
  right: 0;
  top: 50%;
  z-index: 2;
  opacity: 0;
  display: flex;
  gap: 8px !important;
  align-items: flex-end;
  flex-direction: column;
  transform: translateY(-50%);
  position: absolute !important;
  transition: opacity 0.3s ease-in-out;
}

.sliderLobby-navigation.top {
  margin-top: -40px;
}

.sliderLobby-background-nav {
  right: 0;
  width: 109px;
  height: 100%;
  pointer-events: none;
  position: absolute !important;
  transition: opacity 0.6s ease-in-out;
  background: linear-gradient(90deg, rgba(34, 34, 38, 0) 0%, rgba(34, 34, 38, 0.95) 100%);
}

.sliderLobby-background-nav.opaque {
  background: linear-gradient(90deg, rgba(34, 34, 38, 0) 0%, rgba(34, 34, 38, 0.6) 100%);
}

.sliderLobby-background-nav.hover {
  background: linear-gradient(90deg, rgba(34, 34, 38, 0) 0%, rgba(34, 34, 38, 1) 100%);
}

.sliderLobby-background-nav.opaque.hover {
  background: linear-gradient(90deg, rgba(34, 34, 38, 0) 0%, rgba(34, 34, 38, 0.8) 100%);
}

.sliderLobby-background-nav.hide {
  opacity: 0;
}

.sliderLobby-navigation.hover {
  opacity: 1;
}

.sliderLobby-navigation button {
  width: 40px;
  height: 40px;
  color: #fff;
  margin-right: -7px;
  outline-color: transparent;
  background: rgba(255, 255, 255, 0.4) !important;
}

.sliderLobby-navigation button[disabled] svg {
  fill: rgba(255, 255, 255, 0.3) !important;
}

.sliderLobby-navigation button svg {
  width: 12px;
}

.sliderLobby-machine {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  height: 272px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  background: #222226;
  background-image: url("/static/img/loader.svg");
  background-repeat: no-repeat;
  background-position: center 64px;
}

.sliderLobby-machine > img {
  max-width: 150%;
  height: calc(100% - 46px);
  padding-bottom: 46px;
}

.sliderLobby-machine p {
  background: #222226;
  width: calc(100% - 40px);
  max-width: calc(100% - 40px);
  height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 46px;
  padding: 0px 20px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
}

.sliderLobby-machine-button {
  position: absolute;
  background: rgba(33, 33, 33, 0.9);
  height: 100%;
  width: 100%;
  display: flex;
  opacity: 0;
  transition: 0.3s;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.sliderLobby-machine:hover .sliderLobby-machine-button {
  opacity: 1;
  pointer-events: auto;
}

.sliderLobby-machine-button button {
  min-width: auto;
}

@media (max-width: 768px) {
  .search-bar .clmc-input input {
    padding: 13px 16px;
  }

  .sliderLobby-content > div {
    gap: 8px;
  }

  .sliderLobby {
    padding: 16px 0;
  }

  .sliderLobby-machine {
    width: 104px;
    min-width: 104px;
    max-width: 104px;
    height: 172px;
    background-position: center 16px;
  }

  .sliderLobby-machine p {
    font-size: 12px;
    padding: 0px 10px;
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    height: 32px;
    line-height: 32px;
  }

  .sliderLobby-machine > img {
    height: calc(100% - 32px);
    padding-bottom: 32px;
  }

  .sliderLobby-machine-button button {
    height: 38px;
  }

  .sliderLobby-header {
    padding: 0 16px;
  }

  .sliderLobby-header img {
    width: 30px;
    height: 30px;
  }

  .sliderLobbyRow2 {
    margin-top: 8px;
  }

  .sliderLobby-header p {
    font-size: 20px;
    line-height: 23.96px;
  }

  .sliderLobby-header .clmc-btn-secondary {
    height: 38px;
    min-width: auto;
    font-size: 12px;
    margin-right: 0px;
  }

  .sliderLobby-buttons {
    display: none;
  }

  .sliderLobby-wrapper {
    overflow: hidden;
  }

  .sliderLobby-content {
    padding: 0 16px;
  }
}

.progresivosContainer {
  display: flex;
  overflow: hidden;
  justify-content: center;
  max-width: calc(1440px - 144px);
  padding: 24px 72px;
  margin: auto;
}

.progresivosContainer .progresivosWrapper {
  background: radial-gradient(65.54% 78.91% at 100% 102.92%, #703ba6 0%, rgba(112, 59, 166, 0) 100%),
    radial-gradient(54.65% 64.14% at 0% 3.96%, #5041a2 0%, rgba(80, 65, 162, 0) 100%),
    rgba(255, 255, 255, 0.05);
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  width: 100%;
}

.progresivosContainer .progresivosWrapper .progresivosImage {
  display: flex;
  width: 27.3%;
  max-width: 27.3%;
  overflow: hidden;
  position: relative;
  justify-content: flex-end;
  background-image: var(--bck-img);
  background-position-x: right;
  background-repeat: no-repeat;
}

.progresivosContainer .sliderLobby {
  width: -moz-fit-content;
  max-width: calc(72.7%);
  /* display: inline-grid; */
  /* margin: auto 0; */
  width: fit-content;
  padding: 32px;
  margin: 0;
}

.progresivosContainer .sliderLobby .sliderLobby-wrapper .sliderLobby-background-nav {
  background: linear-gradient(90deg, rgba(45, 45, 49, 0) 0%, rgba(73, 51, 98, 1) 100%);
  width: 70px;
}

.progresivosContainer .sliderLobby .sliderLobby-wrapper .sliderLobby-background-nav.hover {
  background: linear-gradient(90deg, rgba(45, 45, 49, 0) 12.84%, rgba(73, 51, 98, 1) 88.07%);
}

.progresivosContainer .sliderLobby-header p {
  color: #fff;
  line-height: 28.76px;
}

.progresivosContainer .sliderLobby-buttons button {
  color: #fff;
  fill: #fff;
  border: 2px solid #fff;
}

.progresivosContainer .sliderLobby-buttons button[disabled] {
  background: rgba(255, 255, 255, 0.4) !important;
  border: none;
}

.progresivosContainer .sliderLobby-buttons button[disabled] svg {
  color: rgba(255, 255, 255, 0.3) !important;
}

.progresivosContainer .sliderLobby-header .clmc-btn-secondary.clmc-btn-dark {
  border: 2px solid #fff !important;
  color: #fff !important;
}

@media (max-width: 768px) {
  .progresivosContainer {
    position: relative;
    padding: 24px 16px;
    padding-top: 150px;
    overflow: visible;
  }

  .progresivosContainer .progresivosWrapper {
    overflow: visible;
    padding-top: 56px;
    border-radius: 16px;
    padding-bottom: 24px;
    flex-direction: column;
  }

  .progresivosContainer .progresivosWrapper .progresivosImage {
    background-image: none;
    justify-content: center;
    position: absolute;
    overflow: visible;
    max-width: 100%;
    display: flex;
    width: 100%;
    height: 0;
  }

  .progresivosContainer .progresivosWrapper .progresivosImage img {
    position: absolute;
    width: 300px;
    bottom: 0;
  }

  .progresivosContainer > img {
    display: none;
  }

  .progresivosContainer .sliderLobby {
    width: 100%;
    /* margin-top: 202px; */
    max-width: none;
    z-index: 1;
    padding: 0px !important;
  }

  .progresivosContainer .sliderLobby .sliderLobby-header {
    margin-top: 24px;
  }

  .sliderLobby-header {
    margin-bottom: 16px;
  }
}

/*Lobby content*/
.lobby-title {
  max-width: 1298px;
  margin: 0 auto;
  padding: 8px 72px 24px 72px;
}

.lobby-titlev2 {
  max-width: 1298px;
  margin: 0 auto;
  padding: 8px 0 24px 0;
}

.lobby-title h1,
.lobby-title p {
  font-size: 24px;
  line-height: 44px;
  color: white;
  height: 41px;
  display: flex;
  margin-top: 16px;
  align-items: center;
  font-weight: bold;
}

.lobby-title h1 img,
.lobby-title p img {
  height: 40px;
  margin-right: 8px;
}

.clmc-machines-contanier {
  max-width: 1440px;
  padding: 32px 71px;
  /* display: grid; */
  /* grid-template-columns: repeat(5, 1fr); */
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  /*width: fit-content;*/
}

.clmc-machines-contanier .clmc-machine {
  width: 196px;
  min-width: 196px;
  max-width: 196px;
  height: 272px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  background: #222226;
  background-image: url("/static/img/loader.svg");
  background-repeat: no-repeat;
  background-position: center 64px;
}

.clmc-machines-contanier .clmc-machine:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(33, 33, 33, 0.9);
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}

.clmc-machines-contanier .clmc-machine > img {
  max-width: 150%;
  width: auto;
  min-height: auto;
  height: calc(100% - 46px);
  padding-bottom: 46px;
  transition: 0.3s;
}

.clmc-machines-contanier .clmc-machine .clmc-machine-name {
  background: #222226;
  width: calc(100% - 16px);
  max-width: calc(100% - 16px);
  height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 46px;
  padding: 0px 8px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  transition: 0.3s;
  text-align: start;
}

.clmc-machines-contanier .clmc-machine button {
  opacity: 0;
  transition: 0.3s;
  min-width: auto;
  max-width: 80%;
  height: 38px;
}

.clmc-machine:hover button {
  position: absolute;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 2;
}

.clmc-machines-contanier .clmc-machine:hover:before {
  opacity: 1;
}

.clmc-machines-contanier .clmc-machine.clmc-machine_1x2 {
  grid-row: span 2;
  grid-column: span 1;
}

.clmc-machines-contanier .clmc-machine.clmc-machine_2x2 {
  grid-column: span 2;
  grid-row: span 2;
}

.clmc-machines-contanier .clmc-machine.clmc-machine_2x1 {
  grid-row: span 1;
  grid-column: span 2;
}

/* .clmc-machines-contanier .clmc-machine:nth-child(1) {
  width: 416px;
  max-width: 416px;
  min-width: 416px;
}
.clmc-machines-contanier .clmc-machine:nth-child(1) > img {
  width: 150%;
  height: auto;
}
.clmc-machines-contanier .clmc-machine:nth-child(1) .clmc-machine-name {
  background: #b09304;
}
.clmc-machines-contanier .clmc-machine:nth-child(12),
.clmc-machines-contanier .clmc-machine:nth-child(13) {
  width: 306px;
  max-width: 306px;
  min-width: 306px;
} */
@media (max-width: 768px) {
  .clmc-machines-contanier {
    padding: 16px !important;
    gap: 8px !important;
  }

  .lobby-title {
    padding: 8px 16px 24px !important;
    margin-top: 0 !important;
  }

  .lobby-title h1,
  .lobby-title p {
    margin-top: 0px;
    font-size: 20px;
    line-height: 25.6px;
  }

  .lobby-title h1 img,
  .lobby-title p img {
    height: 30px;
  }

  /* .clmc-machines-contanier .clmc-machine:nth-child(1) {
      width: 104px;
      max-width: 104px;
      min-width: 104px;
  }
  .clmc-machines-contanier .clmc-machine:nth-child(1) > img {
      height: calc(100% - 32px);
      padding-bottom: 32px;
  }
  .clmc-machines-contanier .clmc-machine:nth-child(1) .clmc-machine-name {
      background: #222226;
  }
  .clmc-machines-contanier .clmc-machine:nth-child(12),
  .clmc-machines-contanier .clmc-machine:nth-child(13) {
      width: 104px;
      max-width: 104px;
      min-width: 104px;
  }
  .clmc-machines-contanier .clmc-machine:nth-child(2) {
      width: 216px;
      max-width: 216px;
      min-width: 216px;
  }
  .clmc-machines-contanier .clmc-machine:nth-child(2) > img {
      width: 150%;
      height: auto;
  }
  .clmc-machines-contanier .clmc-machine:nth-child(2) .clmc-machine-name {
      background: #b09304;
  }
  .clmc-machines-contanier .clmc-machine:nth-child(9),
  .clmc-machines-contanier .clmc-machine:nth-child(10) {
      width: 160px;
      max-width: 160px;
      min-width: 160px;
  } */
}

/* @media (max-width: 1920px) {
  .clmc-machines-contanier {
      grid-template-columns: repeat(7, 1fr);
  }
}
@media (max-width: 1705px) {
  .clmc-machines-contanier {
      grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 1470px) {
  .clmc-machines-contanier {
      grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1230px) {
  .clmc-machines-contanier {
      grid-template-columns: repeat(4, 1fr);
  }
} */
@media (max-width: 1050px) {
  .clmc-machines-contanier {
    grid-template-columns: repeat(8, 1fr);
    row-gap: 16px;
    column-gap: 8px;
    justify-content: center;
  }

  .clmc-machines-contanier .clmc-machine {
    width: 104px;
    min-width: 104px;
    max-width: 104px;
    height: 172px;
    background-position: center 16px;
  }

  .clmc-machines-contanier .clmc-machine > img {
    height: calc(100% - 32px);
    padding-bottom: 32px;
  }

  .clmc-machines-contanier .clmc-machine .clmc-machine-name {
    font-size: 12px;
    padding: 0px 10px;
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    height: 32px;
    line-height: 32px;
  }
}

@media (max-width: 960px) {
  .clmc-machines-contanier {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media (max-width: 850px) {
  .clmc-machines-contanier {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 730px) {
  .clmc-machines-contanier {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 615px) {
  .clmc-machines-contanier {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 500px) {
  .clmc-machines-contanier {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 500px) {
  .clmc-machines-contanier {
    grid-template-columns: repeat(3, 1fr);
    /* justify-content: flex-start; */
  }
}

@media (max-width: 370px) {
  .clmc-machines-contanier {
    grid-template-columns: repeat(2, 1fr);
    /* justify-content: flex-start; */
    margin: auto;
  }
}

/*iframe*/
#iframeArea {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: var(--clmc-bg-dark-secondary);
  padding: 0px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#padreFragmentGame {
  position: relative;
  margin: auto;
  width: 100%;
  min-width: 300px;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;

  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#iframeArea iframe {
  width: 100%;
  border: 0px;
  flex: 1 1 0%;
  overflow: hidden !important;

  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#renderArea {
  flex: 1 1 0%;
  position: relative;
  z-index: 5;
  color: rgb(0, 0, 0);
  width: 100%;
  margin: auto;
  padding: 0px 14px;
  box-sizing: border-box;
}

#renderArea .contenidoRenderArea {
  right: 14px;
  width: calc(100% + 28px);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: black;
  box-sizing: border-box;

  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* Estilos del div de notificación */
.safari-notification {
  cursor: pointer;
  position: fixed;
  bottom: -100%;
  /* Inicialmente, oculto fuera de la pantalla */
  left: 0;
  width: 100%;
  height: calc(100% - 80px);
  /* Resta 80px de la altura total */
  background-color: #343434;
  color: white;
  text-align: center;
  font-size: 18px;
  transition: bottom 0.5s ease;
  /* Animación de deslizamiento */
  z-index: 1000;
  /* Asegura que esté en la parte superior */
  overflow: hidden;
  /* Evita el desbordamiento del contenido */
}

.react-tooltip {
  z-index: 99999 !important;
}

/* Clase para mostrar el div con la animación */
.show-notification {
  bottom: 0;
  /* Muestra el div al nivel de la parte inferior */
  height: calc(100% - 80px);
  /* Ajusta la altura después de mostrarlo */
}

.safariContenedor {
  height: calc(100vh - 80px);
}

.cerrar-notificacion {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  padding: 0;
  outline: none;
}

#iframeArea.evolutiongaming iframe {
  width: 100%;
}

#iframeArea .iframeHeader {
  width: calc(100% - 150px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px;
  height: 56px;

  @media screen and (min-width: 768px) {
    height: 80px;
  }
}

#iframeArea .iframeHeader img {
  max-width: 180px;
  position: relative;
  top: 3px;
}

#iframeArea .iframeHeader .iframeButtons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

#iframeArea .iframeHeader .iframeButtons button {
  display: flex;
  flex-direction: column;
}

#iframeArea .iframeHeader .iframeButtons .clmc-casino-icon {
  color: white;
  transition: 0.3s;
}

#iframeArea .iframeHeader .iframeButtons .clmc-casino-icon:hover {
  opacity: 0.8;
}

#iframeArea .iframeHeader .iframeButtons {
  display: flex;
}

.iframeButtons .favourite-active {
  color: white;
}

.favourite-active {
  color: #b22438;
}

@media (max-width: 768px) {
  #iframeArea .iframeHeader img {
    max-width: 150px;
    position: relative;
    top: 3px;
    /*left: 50%;
      margin-left: -75px;*/
  }

  #iframeArea .iframeHeader .iframeButtons button p {
    display: none;
  }

  #iframeArea .iframeHeader {
    width: calc(100% - 20px);
    padding: 0 10px;
  }

  #iframeArea .iframeHeader button {
    padding: 4px;
  }

  #iframeArea .iframeHeader.hidden {
    display: none !important;
  }
}

/*PROMOTIONS*/
.clmc-promos-Lobby > a {
  width: calc(33% - 60px);
  max-width: 320px;
  min-height: 200px;
  border-radius: var(--clmc-border-radius);
  background: var(--clmc-bg-color-secondary) !important;
  text-decoration: none;
}

.clmc-promos-Lobby > a:hover {
  background: var(--clmc-bg-color-secondary-light);
}

.promo img {
  border-radius: var(--clmc-border-radius);
}

.promo pre {
  white-space: normal;
}

@media (max-width: 800px) {
  .clmc-promos-Lobby > a {
    width: calc(50% - 60px);
  }
}

@media (max-width: 550px) {
  .clmc-promos-Lobby > a {
    width: calc(100% - 60px);
  }
}

/*DOCUMENTS*/
.clmc-document {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.clmc-document div:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 40px;
}

.clmc-document div p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

form#filter-form {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

div#dropArea {
  border: 2px dashed var(--clmc-bg-color-secondary);
  padding: 10px;
  min-height: 80px;
  border-radius: 4px;
}

div#dropArea label {
  cursor: pointer;
  white-space: nowrap;
}

div#dropArea p:empty {
  display: none;
}

@media (max-width: 700px) {
  .clmc-document {
    flex-wrap: wrap;
  }

  .clmc-document div:first-child {
    margin-bottom: 10px;
    margin-right: 0;
    width: 100%;
    min-width: 100%;
  }

  div#dropArea label,
  div#dropArea p {
    white-space: normal;
    margin: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/*HISTORY*/
.history-title {
  font-family: "Editor-Bold";
  font-size: 35px;
}

.history-tabs,
.profile-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
}

.history-tabs div,
.profile-tabs div {
  width: 50%;
  text-align: center;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  padding: 20px;
  cursor: pointer;
  margin: 0px;
  height: 100%;
}

.history-tabs div.tabActive,
.profile-tabs div.tabActive {
  border-bottom: 3px solid var(--clmc-bg-color-primary) !important;
}

.history-tabs div.tabActive p,
.profile-tabs div.tabActive p {
  color: var(--clmc-bg-color-primary);
  font-weight: bold;
}

.history-tabs div:hover,
.profile-tabs div:hover {
  background: rgba(0, 0, 0, 0.1);
}

form#filter-form-history {
  width: 100%;
  max-width: 100%;
}

form#filter-form-history > div {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

form#filter-form-history > div > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

form#filter-form-history > div > div > .clmc-ph10 {
  width: 220px;
  min-width: 220px;
}

.historyPage #noResultsContainer #noResults {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 166px;
}

.historyPage #noResultsContainer p {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #535353;
}

@media (max-width: 570px) {
  .historyPage {
    padding: 20px 0px !important;
  }

  form#filter-form-history > div > div > .clmc-ph10 {
    width: 100%;
  }

  form#filter-form-history.clmc-white-form .clmc-input label[data-shrink="true"] {
    font-size: 14px !important;
  }

  .informe-detallado {
    width: calc(100% - 40px);
    padding: 0px 20px;
  }

  .history-tabs,
  .profile-tabs {
    margin-bottom: 20px;
  }

  .history-tabs div p,
  .profile-tabs div p {
    white-space: nowrap;
  }
}

.clmc-buttons-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.clmc-buttons-container button {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  background: var(--clmc-bg-color-primary);
}

.clmc-buttons-container button.clmc-disabled {
  background: #a3a3a3;
}

/*HOME*/
.clmc-cards {
  max-width: 1200px;
  margin: auto;
}

.clmc-card {
  max-width: 250px;
  transition: 0.3s;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 1);
}

.clmc-card:hover {
  transform: scale(1.01);
  box-shadow: 0px 0px 15px -5px rgba(255, 255, 255, 1);
}

.clmc-card p {
  min-height: 48px;
  line-height: 24px;
}

@media (max-width: 750px) {
  .clmc-card {
    max-width: 90%;
    min-width: 90%;
  }
}

/*PROFILE*/
.clmc-field-content {
  overflow: hidden;
  min-height: 20px;
  max-width: calc(100% - 20px);
  text-overflow: ellipsis;
}

.birthdayErrorNovisible {
  visibility: hidden;
}

/*SEO CONTENT*/
.seo-content h1 {
  font-size: 34px !important;
  line-height: 41px !important;
  color: var(--clmc-bg-color-primary);
  text-transform: initial;
  margin: 10px 0;
}

.seo-content p {
  color: #cfcfcf;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 23px !important;
}

.seo-content p + p {
  margin-top: 10px !important;
}

/*HOME*/
.home-slider {
  height: 320px;
  background: #000;
  position: relative;
}

.home-slider .swiper-btn-landing {
  position: absolute !important;
  background: none !important;
  display: flex;
  justify-content: space-between !important;
  /* width: calc(96% - 30px) !important;
    padding: 0 calc(2% + 15px);*/
  height: auto;
  top: calc(50% - 24px);
  z-index: 98;
}

.home-slider .swiper-pagination-landing {
  position: absolute !important;
  background: none !important;
  z-index: 99;
  display: flex;
  justify-content: center !important;
  width: calc(96% - 30px) !important;
  padding: 0 calc(2% + 15px);
  height: auto;
  bottom: 16px;
  gap: 8px;
}

.home-slider .swiper-pagination-landing span {
  width: 10px;
  height: 10px;
  background-color: rgb(255 255 255 / 50%);
  border-radius: 100%;
  cursor: pointer;
}

.home-slider .swiper-pagination-landing span.active {
  background-color: #fff;
}

.home-slider .swiper-btn-landing button {
  background: none;
  border: none;
  cursor: pointer;
}

.home-slider > div img {
  max-height: 100%;
}

.contenedorSlider {
  max-width: 1400px;
  padding: 0 30px;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between !important;
}

.contenedorSlider2 {
  /* margin: auto;
  max-width: 1200px;
  width: 100%; */
  max-width: calc(1440px - 144px);
  padding: 0 72px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.contenedorSlider2 .contInfoSlider {
  display: flex;
  flex-direction: column;
}

@media (max-width: 768px) {
  .contenedorSlider2 {
    padding: 0;
  }
}

@media (min-width: 1440px) {
  .sliderContent.sliderSearch .contenedorSlider2 {
    margin: 0 auto !important;
    width: 100% !important;
  }

  .contenedorSlider2 {
    margin: 0 auto;
    width: 100%;
  }
}

.contenedorSlider2 > div[class*="container"] {
  background: transparent;
  padding: 0;
}

.contenedorSlider2 > div[class*="container"] .search-bar .clmc-input {
  min-width: 416px;
}

.contenedorSlider2 > div > .search-bar {
  padding: 0;
}

.contenedorSlider2 > div > .search-bar .search-content .searchLobby-machine-button p {
  font-size: 1rem;
}

#txtAlias {
  color: #000 !important;
}

.bigBanner .clmc-banners .clmc-banner {
  height: 400px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .bigBanner .clmc-banners .clmc-banner {
    height: 320px;
  }
}

@media (max-width: 768px) {
  .contInfoSlider {
    max-width: 70%;
  }
}

@media (max-width: 1397px) {
  #home-content .contenedorSlider2 {
    padding: 0 0 0 100px;
  }

  /*.bigBanner .contenedorSlider2 .bannerBody,
  .bigBanner .contenedorSlider2 .bannerButton {
      padding: 0 0 0 100px;
  }*/

  .bigBanner .contenedorSlider2 .contInfoSlider {
    padding: 0 0 0 100px;
  }
}

@media (max-width: 775px) {
  body {
    overflow-x: hidden !important;
  }

  html,
  body {
    height: 100%;
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 767px) {
  #BannerCatJuego .contenedorSlider2 .contInfoSlider {
    padding: 0 15px;
  }

  .bigBanner .swiper-btn-landing {
    display: none;
  }

  .bigBanner .contenedorSlider2 .contInfoSlider {
    padding: 0 15px 0 15px;
  }
}

.sliderContent {
  /*position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  padding-left: calc(2% + 112px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background-image: linear-gradient(90deg,
          rgba(0, 0, 0, 1) 0%,
          rgba(0, 0, 0, 1) 50%,
          rgba(0, 0, 0, 0.6) 90%,
          rgba(0, 0, 0, 0) 100%);*/
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* background-image: linear-gradient(99deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); */
  margin: auto;
}

.sliderContent.sliderSearch .contenedorSlider2 {
  width: auto;
  display: flex;
  padding: 0 72px;
  max-width: calc(1440px - 144px);
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin: 0;
}

@media (max-width: 768px) {
  .sliderContent.sliderSearch .contenedorSlider2 {
    padding: 0;
  }
}

.home-slider > div {
  overflow: hidden;
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #000;
  position: absolute;
  transition: 0.3s;
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.sliderContent .contInfoSlider p,
.sliderContent .contenedorSlider2 p + p {
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  color: white;
}

.sliderContent .clmc-h1 {
  font-weight: 800;
  text-align: left;
  color: var(--clmc-bg-color-primary);
  line-height: 40px;
  font-size: 42px;
  line-height: 50px;
  font-style: normal;
  max-width: 557px;
  text-transform: initial;
}

.home-cards .clmc-h1 {
  font-weight: 800;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  color: #d7b730;
  display: block;
  margin-bottom: 8px;
  text-transform: initial;
}

.home-cards p {
  font-weight: 700;
  color: white;
  line-height: 23px;
  font-size: 18px;
  text-transform: initial;
}

.sliderContent .contInfoSlider button,
.sliderContent .contInfoSlider button:hover,
.home-cards button,
.home-cards button:hover {
  background: var(--clmc-bg-color-primary);
}

.slider-apuestas .sliderContent .clmc-h1,
.home-cards .home-cards-apuestas .clmc-h1 {
  color: var(--clmc-bg-color-apuestas);
}

.slider-apuestas .sliderContent button,
.slider-apuestas .sliderContent button:hover,
.home-cards .home-cards-apuestas button,
.home-cards .home-cards-apuestas button:hover {
  background: var(--clmc-bg-color-apuestas);
}

@media (max-width: 767px) {
  .home-cards img {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }

  .home-slider {
    display: none;
  }

  .home-cards {
    width: 100% !important;
    flex-direction: column;
  }

  .home-cards > div {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 40px;
  }

  .home-cards-casino {
    border-top: 4px solid #d7b730;
    background: linear-gradient(180deg, #000000 70%, #4d4000 100%) !important;
  }

  .home-cards-apuestas {
    border-top: 4px solid #4fc1a7;
    background: linear-gradient(180deg, #000000 70%, #154d40 100%) !important;
  }
}

/*Vamos popup*/
#vamosPopup.clmc-popup .clmc-popup-content {
  min-width: auto;
}

.vamos-button {
  width: 216px;
  max-width: 216px;
  height: 216px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

#vamosPopup .clmc-popup-content-container {
  height: 220px;
  overflow: hidden;
}

.contenedorSelectorMundos {
  gap: 20px;
}

.selectorMundo-container {
  padding: 20px;
}

@media (max-width: 525px) {
  .contenedorSelectorMundoItem {
    width: 47%;
  }

  .contenedorSelectorMundoItem .imgContenedor {
    width: 100%;
    max-width: 100%;
  }

  .selectorMundo-container {
    padding: 20px 10px;
  }
}

@media (max-width: 404px) {
  .contenedorSelectorMundoItem {
    width: 45%;
  }

  .contenedorSelectorMundoItem .imgContenedor {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 410px) {
  .contenedorSelectorMundoItem .btnContenedor button {
    font-size: 13px;
  }
}

@media (max-width: 404px) {
  .contenedorSelectorMundoItem .btnContenedor button {
    font-size: 14px;
  }
}

.contenedorSelectorMundoItem .imgContenedor {
  max-width: 216px;
  height: 216px;
  overflow: hidden;
  border-radius: 8px;
}

.contenedorSelectorMundoItem .imgContenedor img {
  border-radius: 8px;
}

.contenedorSelectorMundoItem .btnContenedor {
  padding: 0 40px;
  width: 100%;
  position: relative;
  top: -66px;
}

@media (max-width: 500px) {
  .contenedorSelectorMundoItem .btnContenedor {
    top: -58px;
  }
}

.contenedorSelectorMundoItem .btnContenedor button {
  width: calc(100% - 40px) !important;
  min-width: calc(100% - 40px) !important;
}

.vamos-button button {
  position: absolute;
  bottom: 0;
  margin: 20px;
  width: calc(100% - 40px) !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  min-width: calc(100% - 40px);
  white-space: nowrap;
}

@media (max-width: 550px) {
  #vamosPopup.clmc-popup .clmc-popup-content .vamos-button {
    width: 100%;
    max-width: 100%;
  }

  #vamosPopup.clmc-popup .clmc-popup-content a {
    width: 50%;
    max-width: 50%;
  }
}

/*Register*/
.registerImagesContent {
  position: absolute;
  height: calc(100% - 80px);
  width: calc(100% - 80px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  /* background-image: linear-gradient(transparent, black); */
}

.registerImages img {
  height: calc(100vh - 80px);
}

@media (min-width: 1480px) {
  .registerImages img {
    transform: scale(1.05);
  }
}

.registerImagesContent p {
  font-weight: 800;
  font-size: 24px;
  line-height: 29px;
  text-transform: none;
}

.registerImagesContent p.clmc-h2,
.registerImagesContent h1.clmc-h2 {
  font-weight: 800;
  font-size: 34px;
  line-height: 41px;
  color: #d7b730;
  margin-bottom: 16px;
  text-transform: none;
}

.registerImagesContent li {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  list-style: none;
}

.registerImagesContent li:before {
  content: "•";
  margin-right: 8px;
}

.registerImagesContent ul p {
  font-weight: 800;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 8px;
  color: white;
}

.registerPromotionsContainer {
  background: linear-gradient(220.22deg, #f5f5f5 0.01%, #f5f5f5 35.67%, #c9c9c9 100%);
  border-radius: 16px;
  padding: 16px;
}

.registerPromotionContainer {
  border: 1px solid rgba(33, 33, 33, 0.2);
  box-shadow: 0px 2px 2px rgba(33, 33, 33, 0.15);
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  position: relative;
  box-sizing: border-box;
  border-radius: 16px;
}

.registerPromotionContainer#calimaco_promotion_container_REGISTERCASINO,
.registerPromotionContainer#calimaco_promotion_container_REGISTERAPUESTAS {
  min-height: 80px;
  box-sizing: border-box;
}

.registerPromotionContainer > div {
  background-color: white;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow: hidden;
  display: flex;
  width: 100%;
}

.registerPromotionsContainer .css-dmmspl-MuiFormGroup-root > .registerPromotionContainer {
  margin-bottom: 0px;
}

.registerPromotionContainer .clmc-radioButton {
  margin-top: 20px;
}

.registerPromotionContainer .clmc-radioButton.Mui-checked {
  fill: #000;
  color: #000;
}

div#calimaco_promotion_container_0 .clmc-radioButton {
  margin-top: 0;
}

.calimaco_promotionDiv > p {
  display: none;
}

.registerPromotionContainer img {
  margin: 0;
  width: 58px;
  margin-right: 4px;
}

.registerPromotionContainer p {
  color: #535353;
}

.promoREGISTERAPUESTAS p.clmc-h2 {
  /* color: var(--clmc-bg-color-apuestas); */
}

.calimaco_promotion_selected {
  border: 0px none;
}

.calimaco_promotion_selected > div {
  margin: 3px;
}

#calimaco_promotion_container_REGISTERAPUESTAS.calimaco_promotion_selected {
  background: linear-gradient(to right, #0f4034, #1e8069);
}

#calimaco_promotion_container_REGISTERCASINO.calimaco_promotion_selected {
  background: linear-gradient(to right, #5f5002, #b09304);
}

div#calimaco_promotion_container_0.calimaco_promotion_selected {
  background: linear-gradient(to right, #212121, #9f9f9f);
}

.calimaco_promotion_selected * {
  fill: #000;
  color: #000;
}

.registerContainer {
  overflow: auto;
  box-sizing: border-box;
  min-height: 100%;
}

.register .clmc-white-form .clmc-input {
  height: 44px;
}

.register .clmc-white-form .clmc-input[aria-invalid="false"] .MuiInputLabel-shrink {
  color: #535353 !important;
}

.register .clmc-white-form .clmc-input .MuiInputLabel-shrink + div > .MuiInputBase-input,
.register .clmc-white-form .clmc-input .MuiInputBase-input:not([value=""]) {
  color: #111 !important;
}

.register .clmc-white-form .clmc-input label {
  top: -2px;
  font-size: 12px;
}
.register .clmc-white-form .clmc-input *,
.regiter .clmc-white-form .clmc-input .clmc-input label {
  color: black;
}
.register .clmc-white-form .MuiFilledInput-root,
.register .clmc-white-form .MuiFilledInput-root:hover {
  background: #ffffff;
  border: 1px solid black;
}
.register .clmc-white-form .clmc-input[aria-invalid="true"] .MuiFilledInput-root,
.register .clmc-white-form .clmc-input[aria-invalid="true"] .MuiFilledInput-root:hover {
  border-color: var(--clmc-bg-color-error);
}
.register .clmc-white-form .MuiInputBase-root.Mui-focused,
.register .clmc-white-form .MuiInputBase-root.Mui-focused:hover {
  outline: solid 1px black;
}
.register .clmc-white-form .clmc-input[aria-invalid="true"] .MuiInputBase-root.Mui-focused,
.register .clmc-white-form .clmc-input[aria-invalid="true"] .MuiInputBase-root.Mui-focused:hover {
  outline: solid 1px var(--clmc-bg-color-error);
}
.register .clmc-white-form .MuiAlert-root.MuiAlert-standardError .MuiAlert-message,
.clmc-white-form .MuiAlert-root.MuiAlert-standardError .MuiAlert-message {
  font-size: 14px;
  line-height: 17.92px;
}
.register .clmc-white-form .MuiAlert-message {
  padding-bottom: 0;
}

@media (max-width: 576px) {
  .register .clmc-white-form .clmc-checkbox {
    line-height: 0;
  }

  .register .clmc-white-form .clmc-checkbox .MuiCheckbox-root {
    padding-bottom: 0px;
  }

  .register .clmc-white-form .clmc-checkbox .MuiFormControlLabel-label .clmc-txtl,
  .register .clmc-white-form .clmc-checkbox .MuiFormControlLabel-label .clmc-txtl a {
    font-size: 14px;
    line-height: 18px;
  }
}

.register-buttons button {
  min-width: 250px;
  letter-spacing: 0.06em;
}

button#btnPrevS2 {
  min-width: auto;
  width: 48px;
}

.completedCircle {
  background: #459a33 !important;
  border-color: #459a33 !important;
  color: #fff !important;
}

.completedCircle svg {
  font-size: 18px;
}

.clmc-popup.white-popup .clmc-popup-content-header {
  background: #fff;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.clmc-popup.white-popup .clmc-popup-content-header * {
  color: #000;
  fill: #e81b00;
}

.clmc-popup.white-popup .clmc-popup-content-header svg {
  width: 46px;
  height: 46px;
}

.clmc-popup.white-popup .clmc-popup-content-header .clmc-h1 {
  font-size: var(--clmc-text-xbig);
}

.clmc-popup.white-popup .clmc-popup-content-container .whitePopupButton {
  border-top: 1px solid rgba(33, 33, 33, 0.1);
  padding-top: 20px;
}

.clmc-popup.white-popup .clmc-popup-content-container .whitePopupButton .clmc-btn-primary {
  width: auto;
}

@media (max-width: 1050px) {
  .registerImages {
    display: none;
  }

  .register > div {
    width: 100%;
    max-width: 100%;
  }

  .register {
    background: #222226;
  }

  .register-form-container {
    background: #fff;
    border-radius: 24px 24px 0px 0px;
    /* height: calc(100vh - 208px); */
    /* max-height: 100vh; */
    max-height: 100%;
  }

  .register-form-container form {
    max-width: 100%;
    background: #fff;
    border-radius: 24px 24px 0px 0px;
  }

  .register-form-container .clmc-btn-primary {
    width: 100%;
  }
}

div#registerErrorPopUp.fullScreeen {
  height: calc(100% - 80px);
  margin-top: 78px;
}

div#registerErrorPopUp.fullScreeen .clmc-overlay {
  display: none;
}

div#registerErrorPopUp.fullScreeen .clmc-popup-content {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

div#registerErrorPopUp.fullScreeen .clmc-popup-content-container {
  max-width: 650px;
}

div#registerErrorPopUp.fullScreeen .whitePopupButton {
  border-top: 0 !important;
}

@media (max-width: 1050px) {
  div#registerErrorPopUp.fullScreeen {
    height: calc(100% - 56px);
    margin-top: 54px;
  }
}

.clmc-white-form .MuiAlert-root.MuiAlert-standardSuccess,
.clmc-white-form .MuiAlert-root.MuiAlert-standardSuccess svg {
  background: none;
  color: #459a33;
  fill: #459a33;
  padding: 0;
}

.clmc-white-form .MuiAlert-root.MuiAlert-standardInfo,
.clmc-white-form .MuiAlert-root.MuiAlert-standardInfo svg {
  background: none;
  color: #535353;
  fill: #535353;
  padding: 0;
}

.register-currency-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.register-currency-container * {
  font-family: var(--clmc-font) !important;
}

.register-currency-container label {
  font-size: 16.96px;
  color: #535353 !important;
  opacity: 0.8 !important;
  font-family: var(--clmc-font) !important;
}

div#currencyInfo:hover .currencyTooltip {
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: -80px;
  z-index: 999;
  background: #111111;
  border-radius: 4px;
  text-align: left;
  color: #fff;
  padding: 8px 16px;
  width: 230px;
  max-width: 230px;
  right: -10px;
}

.currencyTooltip:before {
  border: 8px solid #111;
  content: "";
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  position: absolute;
  bottom: -14px;
  right: 14px;
}

div#currencyInfo .currencyTooltip {
  display: none;
  position: relative;
}

div#currencyInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  margin-top: 20px;
  margin-left: 10px;
  cursor: pointer;
  position: relative;
}

/*Deposit Popup & Payout Popup*/
.depositTabs {
  display: flex;
  align-items: center;
  justify-content: center;
}

.depositTabs div {
  width: 50%;
  text-align: center;
  border-bottom: 2px solid rgba(33, 33, 33, 0.2);
  padding: 10px;
  cursor: pointer;
}

.depositTabs div.activeDepositTab {
  border-bottom: 2px solid var(--clmc-bg-color-primary);
}

.depositTabs div.activeDepositTab p {
  color: var(--clmc-bg-color-primary-text);
  font-weight: bold;
}
.activeTabPresencial .methodPROMETEO_PEN,
.activeTabPresencial .methodPROMETEO_USD,
.activeTabPresencial .methodTUPAY_PEN,
.activeTabPresencial .methodTUPAY_USD,
.activeTabPresencial .methodNIUBIZ_DESACOP_TOKEN,
.activeTabPresencial .methodNIUBIZ_DESACOP_TOKEN_PEN,
.activeTabPresencial .methodNIUBIZ_DESACOP_TOKEN_USD,
.activeTabPresencial .methodNIUBIZ_QR,
.activeTabPresencial .methodNIUBIZ_QR_PEN,
.activeTabPresencial .methodNIUBIZ_QR_USD,
.activeTabPresencial .methodTEST_NIUBIZ_DESACOP_TOKEN_PEN,
.activeTabPresencial .methodPAYZEN_pen,
.activeTabPresencial .methodPAYZEN_USD {
  display: none;
}

.activeTabInternet .methodCAJEROFISICO {
  display: none;
}

.activeTabPresencial .internetSufix {
  display: none;
}

.depositLobbyMethods {
  display: flex;
  flex-direction: column;
  padding-top: 8px;
}

.methodNIUBIZ_DESACOP_TOKEN .standarDepositTitle,
.methodNIUBIZ_DESACOP_TOKEN_PEN .standarDepositTitle,
.methodNIUBIZ_DESACOP_TOKEN_USD .standarDepositTitle,
.methodTEST_NIUBIZ_DESACOP_TOKEN_PEN .standarDepositTitle,
.methodNIUBIZ_QR .standarDepositTitle,
.methodNIUBIZ_QR_PEN .standarDepositTitle,
.methodNIUBIZ_QR_USD .standarDepositTitle,
.methodPAYZEN_PEN .standarDepositTitle,
.methodPAYZEN_USD .standarDepositTitle {
  display: none;
}

.depositMethod,
.payoutMethod {
  border: 1px solid rgba(33, 33, 33, 0.2);
  box-shadow: 0px 2px 2px 0px rgba(33, 33, 33, 0.07);
  border-radius: 8px;
  height: 78px;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.depositMethod:hover,
.payoutMethod:hover {
  background: #f6f6f6;
}

.depositMethod:not([style*="display: none"]):last-child,
.payoutMethod:last-child {
  margin-bottom: 0;
}

.depositMethodDivider,
.payoutMethodDivider {
  background: rgba(33, 33, 33, 0.1);
  min-width: 2px;
  height: 39px;
}

.kashioBadge {
  position: absolute;
  top: 0;
  left: 0;
  width: 89px;
  max-width: 89px;
  background: #156b90;
  padding: 1px 8px;
  font-size: 12px;
  line-height: 15.36px;
  color: #fff;
  border-radius: 0px 0px 4px 0px;
  text-align: center;
  transition: width 1s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  height: 17px;
  box-sizing: border-box;
}

.depositBadgeExpanded {
  /*width: calc(100% - 16px);*/
  max-width: 100% !important;
  width: auto !important;
}

.prometeoBadge {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100% !important;
  width: auto !important;
  background: linear-gradient(274.42deg, #b09304 7.17%, #000000 196.33%);
  padding: 1px 8px;
  font-size: 12px;
  line-height: 15.36px;
  color: #fff;
  border-radius: 0px 0px 4px 0px;
  text-align: center;
  transition: max-width 1s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  height: 17px;
  box-sizing: border-box;
}

.monnetBadge,
.tupayBadge {
  position: absolute;
  top: 0;
  left: 0;
  width: 89px;
  max-width: 89px;
  background: linear-gradient(274.42deg, #b09304 7.17%, #000000 196.33%);
  padding: 1px 8px;
  font-size: 12px;
  line-height: 15.36px;
  color: #fff;
  border-radius: 0px 0px 4px 0px;
  text-align: center;
  transition: max-width 1s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  height: 17px;
  box-sizing: border-box;
}

.amountButtons {
  gap: 10px;
}

.amountButton {
  border: 1px solid rgba(33, 33, 33, 0.2);
  box-shadow: 0px 2px 2px rgba(33, 33, 33, 0.15);
  width: calc(50% - 38px);
  cursor: pointer;
  color: #000;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  padding: 10px;
  border-radius: 8px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;

  box-sizing: unset;
}

.amountButton.active {
  border: 1px solid #222226;
  background: #f5f5f5;
}

.amountButton input {
  background: none;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 16px;
  color: #000;
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 0;
}

.amountButton input::placeholder {
  color: rgba(33, 33, 33, 0.4);
}

.amountButton input:-webkit-autofill,
.amountButton input:-webkit-autofill:hover,
.amountButton input:-webkit-autofill:focus {
  border-radius: 0 !important;
  -webkit-text-fill-color: black;
  font-weight: 700;
  -webkit-box-shadow: inset 0px 0px 0px 200px #ffffff !important;
  -webkit-transform: translate3d(0, 0, 0);
}

.amountButton.amountError {
  border: 1px solid var(--clmc-bg-color-error);
}

p.amountError {
  color: var(--clmc-bg-color-error) !important;
}

p.depositInfoCollapseTitle.visible-info svg {
  transform: rotate(180deg);
}

.depositInfoCollapseContentRules div {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

@media (width <=570px) {
  .depositInfoCollapseContentRules div {
    align-items: flex-start;
  }
}

.depositInfoCollapseContentRules div p:first-child {
  background: #b09304;
  border-radius: 100%;
  width: 28px;
  min-width: 28px;
  min-height: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  font-weight: bold;
  line-height: 12px;
  align-self: flex-start;
}

.apuestas .depositInfoCollapseContentRules div p:first-child {
  background: #308f79 !important;
}

iframe#depositResponseIframe {
  min-height: 448px;
  width: 100%;
  border: none;
  overflow: auto;
  /* max-height: calc(100vh - 100px); */
  height: 100%;
}

.payoutInfo {
  background: #e9f6fc;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
}

.payoutInfo div {
  padding-left: 10px;
}

.payoutInfo div ul {
  padding-left: 20px;
}

.payoutInfo li {
  color: #535353 !important;
}

.payoutInfo svg * {
  color: #156b90 !important;
}

.payoutForm-step1 {
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 8px;
  overflow: hidden;
}

.payoutForm-step1 > p {
  background: #156b90;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  font-size: 14px;
}

.payoutForm-step1 form {
  background: #f5f5f5;
  margin: 0;
  max-width: 100%;
  padding: 12px;
}

.payoutForm-step1 > div {
  background: #fff;
  padding: 12px;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid rgba(33, 33, 33, 0.2);
}

@media (max-width: 550px) {
  .depositMethod > div:first-child,
  .payoutMethod > div:first-child {
    max-width: 92px;
  }
}

/*Deposito Loader*/
div#depositLoading {
  display: flex;
  flex-direction: column;
}

div#depositLoading p.tituloLoading {
  font-size: 28px;
  font-weight: 800;
  line-height: 34px;
  letter-spacing: 0em;
  text-align: center;
  display: block;
}

div#depositLoading p.infoLoading {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: center;
  display: block;
}

@media (max-width: 767px) {
  div#depositLoading p.tituloLoading {
    font-weight: 800;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    display: block;
  }

  div#depositLoading p.infoLoading {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    display: block;
  }
}

.deposit-loader,
.preferences-loader {
  width: 48px;
  height: 48px;
  border: 5px solid rgba(33, 33, 33, 0.1);
  border-bottom-color: #d7b730;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.apuestas .deposit-loader,
.apuestas .preferences-loader {
  border-bottom-color: #4fc1a7;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

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

.clmc-btn-primary.clmc-loading {
  pointer-events: none !important;
}

.clmc-btn-primary.clmc-loading:after {
  content: "";
  width: 20px;
  height: 20px;
  border: 3px solid rgba(33, 33, 33, 0.1);
  border-bottom-color: #000000;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin-left: 10px;
}

/*Deposito cajero fisico*/
#cajeroFisicoResponse img,
.imgPorPasarela {
  /* max-height: 60px !important;
  max-height: 60px !important;
  object-fit: cover;
  object-position: center;
  width: 210px;
  height: 50px;
  overflow: hidden;*/
}

#cajeroFisicoResponse button {
  width: auto;
  min-width: auto;
  margin: auto;
}

@media (max-width: 767px) {
  #cajeroFisicoResponse button {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}

.methodCAJEROFISICO p {
  max-width: 90%;
}

.PAGOEFECTIVO_img {
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 8px;
  border-right: 4px solid var(--clmc-bg-color-primary);
  border-left: 4px solid var(--clmc-bg-color-primary);
  line-height: 0;
}

.depositWarningInfo {
  background: #fff3e6;
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
}

.depositWarningInfo .icon {
  width: 24px;
  display: flex;
  min-width: 24px;
  padding: 0 !important;
}

.depositWarningInfo .icon svg {
  width: 100%;
}

.depositInfoCollapseContentRules,
.infoBajoLogoPasarela {
  font-size: 18px;
}

@media (max-width: 767px) {
  .depositInfoCollapseContentRules,
  .infoBajoLogoPasarela {
    font-size: 18px;
  }
}

.depositWarningInfo div {
  padding-left: 8px;
}

.depositWarningInfo div p {
  color: #111111 !important;
  font-size: 16px;
  line-height: 20px;
}

.depositWarningInfo div ul {
  padding-left: 20px;
  margin-bottom: 5px;
}

.deshabilitarListasImportante {
  list-style-type: none;
  padding-left: 0 !important;
}

.depositWarningInfo li {
  color: #535353 !important;
}

.depositWarningInfo svg * {
  color: #e66600 !important;
}

.depositErrorFragment .depositWarningInfo p {
  color: #e66600 !important;
}

.depositErrorFragment .depositWarningInfo div {
  padding-left: 0;
}

.depositErrorFragment .depositWarningInfo > div {
  padding-left: 8px;
}

/*Deposit Result*/
.deposit-result-content {
  display: block;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.deposit-result-content .successIcon {
  width: 56px;
  height: 56px;
  fill: #459a33;
}

.deposit-result-content .errorIcon {
  width: 56px;
  height: 56px;
  fill: #e81b00;
}

.deposit-result-content .deposit-result-table {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 20px;
  width: calc(100% - 40px);
}

.deposit-result-content .deposit-result-table > div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.deposit-result-content .deposit-result-table > div:last-child {
  margin-bottom: 0;
}

.deposit-result-content .deposit-result-table > div * {
  color: #535353;
  text-align: start;
}

.deposit-result-content .deposit-result-table > div p:first-child {
  min-width: 194px;
}

.deposit-result-content .deposit-result-text P {
  text-align: start;
}

.deposit-result-contentBtns {
  margin-top: 24px;
  padding: 16px;
  border-top: 2px solid rgba(33, 33, 33, 0.1);
  display: flex;
  justify-content: center;
}

div#depositResponseImgQR {
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 8px;
  box-shadow: 2px 2px 5px 0px rgba(33, 33, 33, 0.15);
}

div#depositResponseImgQR img {
  max-width: 200px;
}

div#depositResponseImg {
  display: flex;
  flex-direction: column;
  align-items: center;
}

div#depositResponseImgData {
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 8px;
  border-left: 6px solid #d7b730;
  border-right: 6px solid #d7b730;
  padding: 10px;
  display: flex;
  flex-direction: column;
  min-width: 276px;
}

div#depositResponseImgData > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(33, 33, 33, 0.1);
}

div#depositResponseImgData > div img {
  margin-right: 16px;
  width: 25px;
}

p#depositResponseImgDataAmount {
  margin-left: 20px;
  font-weight: bold;
}

div#depositResponseImgData > div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

/*Saldos Page*/
.clmc-account-card {
  border: 1px solid #ababaf;
  border-left: 6px solid var(--clmc-bg-color-primary);
  min-width: 300px;
}

.clmc-account-card p {
  color: #535353;
}

.personalPromos {
  background: rgba(0, 0, 0, 0.05);
}

.bonosInput {
  height: 52px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #535353;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 400px;
}

.bonosInput input {
  height: 100%;
  border: none;
  width: 100%;
  border-radius: 8px 0px 0px 8px;
  padding: 0px 20px;
  font-size: 16px;
  background: none;
}

.bonosInput button {
  height: 100%;
  padding: 0px 20px;
  border: none;
  background: var(--clmc-bg-color-primary);
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  border-radius: 0px 8px 8px 0px;
  box-shadow: 0px 4px 8px rgba(33, 33, 33, 0.2);
}

.bonosInput button:hover {
  background: var(--clmc-bg-color-primary-light);
}

.promoCodeContainer .clmc-error-message,
.promoCodeContainer .clmc-success-message {
  width: 100%;
  max-width: calc(400px - 20px);
}

.bonos-slider {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.bono-card {
  width: 240px;
  min-width: 240px;
  min-height: 364px;
  border: 1px solid #ababaf;
  background: #fff;
  border-radius: 8px;
  text-align: center;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .bono-card {
    width: 290px;
    min-width: 290px;
  }
}

.bono-card .clmc-h2 {
  padding: 20px;
  background: #fff;
}

.bono-card .clmc-h1,
.bono-card .clmc-p-small {
  background: #f5f5f5;
}

.bono-card-summary {
  background: #fff;
  padding: 20px;
}

.bono-card-summary * {
  font-size: 14px;
  text-align: left;
}

.bono-card-button {
  background: #fff;
  border-top: 1px solid #ababaf;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bono-card-button p {
  color: #000 !important;
  height: 38px;
}

.bono-card-button p {
  margin: 10px;
}

.bono-card-progress {
  background: #fff;
  padding: 0px 20px 0 20px;
}

.bono-card-progress progress {
  height: 32px;
  padding: 0;
  margin: 0;
  inline-size: 100%;
  border-radius: 100px;
  overflow: hidden;
}

progress::-webkit-progress-bar,
progress {
  background-color: #ededed;
}

progress::-webkit-progress-value,
progress::-moz-progress-bar {
  background-color: #459a33 !important;
}

@media (max-width: 820px) {
  .clmc-account-card {
    min-width: calc(100% - 50px);
  }
}

@media (max-width: 450px) {
  .bonos-slider {
    justify-content: center;
  }
}

/*Profile*/
.profileHeader {
  background: linear-gradient(244.4deg, #9a33de -54.23%, rgba(154, 51, 222, 0) 74.97%), #222226;
  height: 120px;
  max-height: 120px;
}

.profileHeader h1 {
  margin-top: 0;
}

.profileHeader p {
  margin: auto;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 32px;
  background-image: linear-gradient(rgba(215, 183, 48, 1), rgba(151, 71, 255, 1));
}

.profileHeader p span {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededed;
  border-radius: 100px;
  border: 8px solid #414247;
}

.profilePage .profileContent {
  max-width: 1108px;
  margin: auto;
}

.profile-tabs div {
  width: calc((100% - 40px) / 3);
  min-width: calc((100% - 40px) / 3);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 41px;
  padding: 10px;
  min-width: 95px;
}

.profile-tabs div p {
  white-space: normal;
}

.profileTabContent > div.profileInfo {
  border: 1px solid rgba(33, 33, 33, 0.2);
  box-shadow: 0px 4px 8px rgba(33, 33, 33, 0.2);
  border-radius: 8px;
}

.profileTabContent-title {
  width: 100%;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid rgba(33, 33, 33, 0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.profileTabContent-content .clmc-white-form {
  max-width: 100%;
}

.profileTabContent-content .clmc-white-form > div.clmc-w50 {
  width: calc(50% - 20px);
}

.profileTabContent-content
  .clmc-input.clmc-select.clmc-disabled.clmc-disabled-input.clmc-w25
  input {
  font-size: 16px;
  height: 100%;
  padding-left: 12px;
  display: none;
}

.clmc-white-form .clmc-input .MuiFilledInput-input {
  color: #212121;
}

.clmc-white-form .clmc-input .MuiFilledInput-input::placeholder {
  color: rgba(33, 33, 33, 0.4);
}

.clmc-white-form .clmc-input .MuiInputLabel-shrink {
  color: #535353 !important;
}

.clmc-select.clmc-selectNoLabel.clmc-disabled.clmc-disabled-input > div {
  -webkit-text-fill-color: #111 !important;
  opacity: 0.8 !important;
  background: rgba(0, 0, 0, 0.05);
}

.profileTabContent-content .clmc-input.clmc-select.clmc-disabled.clmc-disabled-input.clmc-w25 {
  min-width: 80px;
}

.profileTabContent-content .clmc-white-form > div.clmc-w50 > div.clmc-w75 {
  width: calc(75% - 23px) !important;
}

.profileTabContent-content .uploadProfileInfo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0px 40px 20px 40px;
  background: #e9f6fc;
  border-radius: 8px;
  padding: 20px;
}

.profileTabContent-content .uploadProfileInfo p {
  color: #535353;
}

.profileTabContent-content .uploadProfileInfo img {
  width: 56px;
  height: 56px;
  margin-right: 20px;
}

@media (max-width: 450px) {
  .profileTabContent-content .uploadProfileInfo {
    margin: 0px 20px 20px 20px;
  }

  .profileTabContent-content .uploadProfileInfo p {
    font-size: 14px;
  }
}

@media (max-width: 900px) {
  .profileInfo .clmc-w50,
  .profileInfo .clmc-w75 {
    width: 100% !important;
    max-width: 100%;
  }
}

.profileInfo.collapsedSection .profileTabContent-content {
  display: none;
}

.profileInfo.collapsedSection .profileTabContent-title {
  border-bottom: none;
}

.profileInfo.collapsedSection .profileTabContent-title svg {
  transform: rotate(180deg);
}

.input-button {
  pointer-events: auto;
}

.input-button .clmc-btn-tertiary {
  padding: 0px 20px;
  margin: 0;
  min-width: auto;
  color: #111111 !important;
}

.input-button .clmc-btn-tertiary:hover {
  background: rgba(0, 0, 0, 0.2);
}

.input-button div.MuiInputBase-adornedEnd {
  padding-right: 0;
}

.directionsEmpty img {
  height: 66px;
}

.directionsEmpty > p {
  color: #212121;
}

.directionForm {
  border-radius: 8px;
  background: #f5f5f5;
}

.directionForm .clmc-white-form {
  max-width: 800px;
}

@media (max-width: 450px) {
  .directionForm {
    padding: 0 !important;
    border-radius: initial;
    background: transparent;
  }

  .directionForm .clmc-white-form .MuiFormControl-root:first-child {
    margin-top: 0;
  }

  .directionForm .clmc-btn-primary {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.profileTabContent-content .clmc-btn-tertiary {
  font-size: 16px;
}

.addressCardContainer {
  gap: 20px;
}

.addressCard {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(33, 33, 33, 0.2);
  box-shadow: 0px 2px 2px rgba(33, 33, 33, 0.15);
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  max-width: 300px;
  min-width: 190px;
}

.addressCard .addressTitle {
  padding: 10px;
  background: #f5f5f5;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.addressCard .addressContent {
  padding: 20px;
  min-height: 110px;
}

.addressCard .addressContent > div {
  display: flex;
  align-items: center;
  font-weight: bold;
}

.addressCard .addressContent > div img {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

.addressCard .addressContent > p {
  padding-left: 30px;
  padding-top: 10px;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.addressCard p.addressText {
  min-height: 54px;
}

.addressCard .referencia {
  min-height: 18px;
}

.addressCard p.referenciaText {
  min-height: 56px;
}

.addressCard .addressEditButton {
  border-top: 1px solid rgba(33, 33, 33, 0.2);
}

@media (max-width: 790px) {
  .addressCard {
    max-width: 100%;
    min-width: 100%;
  }
}

#profileDocInfo > div {
  display: flex;
  justify-content: flex-start;
  width: calc(100% - 40px);
  max-width: 900px;
  margin: auto;
  overflow: auto;
}

.identityDocs {
  background: #ffffff;
  overflow: hidden;
  margin: 0px 10px 20px 10px;
  box-shadow: 0px 4px 8px rgba(33, 33, 33, 0.2);
  border: 1px solid rgba(33, 33, 33, 0.1);
  border-radius: 16px;
  width: 33.333333%;
  min-width: 270px;
}

.identityDocs > div:first-child {
  width: 100%;
  height: 90px;
  background: #f5f5f5;
  position: relative;
  display: flex;
  justify-content: center;
}

.identityDocs > div:first-child img {
  position: absolute;
  width: 120px;
  height: 120px;
  margin-top: 20px;
}

.profileBankAccounts {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: calc(100% - 40px);
  max-width: 900px;
  margin: auto;
  margin-top: 40px;
  padding-left: 20px;
}

.profileBankAccount {
  border: 1px solid rgba(33, 33, 33, 0.2);
  box-shadow: 0px 2px 2px rgba(33, 33, 33, 0.15);
  border-radius: 8px;
  padding: 2px 4px;
  width: 100%;
  max-width: 500px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.profileBankAccount:last-child {
  margin-bottom: 0;
}

.profileBankAccount > div {
  padding: 5px 10px;
}

.profileBankAccount > div.profileBankAccountImg {
  padding: 0;
  width: 40px;
  height: 40px;
  background: #e9f6fc;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profileBankAccount > div.profileBankAccountImg svg {
  fill: #156b90;
}

.docStatus {
  background: #e9f6fc;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto;
  border-radius: 4px;
  padding: 4px 10px;
  color: #156b90;
  font-weight: bold;
  text-transform: capitalize;
}

.docStatusText {
  min-height: 36px;
}

.identityDocs-button {
  border-top: 1px solid rgba(33, 33, 33, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.docStatusrevision .identityDocs-button,
.docStatuscompletado .identityDocs-button {
  pointer-events: none;
  opacity: 0.5;
}

.bankDocs.docStatuscompletado .identityDocs-button {
  pointer-events: all;
  opacity: 1;
}

.maxAccountsLimit {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.docStatusrevision .docStatus {
  background: #fff3e6;
  color: #e66600;
}

.docStatuscompletado .docStatus {
  background: #eff6ee;
  color: #459a33;
}

.docStatusdenegado .docStatus,
.docStatusvencido .docStatus {
  background: #fbe4e4;
  color: #e81b00;
}

/*Upload Documents*/
.uploadDocBlock {
  background: #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
}

.collapseTitle {
  background: white;
  padding: 8px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#uploadIdentityDoc,
#uploadBankDoc {
  border: 1px solid rgba(33, 33, 33, 0.2);
  box-shadow: 0px 2px 2px rgba(33, 33, 33, 0.15);
  border-radius: 8px;
}

.collapseContent {
  background: #f5f5f5;
  color: #535353;
}

.collapseTitle.collapsed {
}

#uploadDoc-form,
#uploadDoc-form2 {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.collapseContent.collapsed {
  height: 0;
  padding: 0 !important;
  transition: 0.3s;
}

.collapseTitle.collapsed .collapseTitleIcon {
  transform: rotate(180deg);
}

#uploadDoc-form .clmc-fake-input {
  width: calc(50% - 47px);
}

div#uploadDocSuccessPopup .clmc-popup-content-header,
div#uploadDocSuccessPopup .clmc-popup-content-header * {
  background: none !important;
  fill: #000 !important;
  color: #fff !important;
  padding-bottom: 0;
}

div#uploadDocSuccessPopup .clmc-popup-content-container {
  padding-top: 0;
}

div#uploadDocSuccessPopup .depositWarningInfo {
  background: #e9f6fc;
}

div#uploadDocSuccessPopup .depositWarningInfo svg * {
  color: #156b90 !important;
}

.uploadDocSuccessPopupButtons button {
  width: auto !important;
}

div#uploadDocSuccessPopup .depositWarningInfo svg {
  transform: rotate(180deg);
}

div#uploadDocSuccessPopup .clmc-divider-small {
  background: rgba(0, 0, 0, 0.1);
}

@media (max-width: 822px) {
  .uploadDocBlock .clmc-w50 {
    width: 100% !important;
    max-width: 100%;
  }

  .uploadDocBlock p.clmc-bold.clmc-mt40.clmc-mb5 {
    margin-top: 0;
  }

  #uploadDoc-form .clmc-flex-start,
  #uploadDoc-form2 .clmc-flex-start {
    flex-wrap: wrap;
  }

  #uploadDoc-form .clmc-flex-start > div,
  #uploadDoc-form2 .clmc-flex-start > div {
    /* margin: 10px 0;*/
    margin-left: 0;
  }

  .margenSuperiorFormDocumento {
    margin-top: 16px;
  }
}

/*Cookies Popover*/
#cookies-popover {
  position: fixed;
  bottom: 20px;
  padding: 23px 24px;
  border-radius: 8px;
  width: 100%;
  max-width: 800px;
  background: #222226;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box !important;
  line-height: 24px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 1001;
}

#cookies-popover button {
  white-space: nowrap;
}

#cookies-popover p {
  font-size: 18px;
  margin-right: 40px;
  width: calc(80% - 60px);
}

#cookies-popover p > a {
  color: white;
  font-size: 18px;
  text-decoration: underline;
}

@media (max-width: 950px) {
  #cookies-popover {
    padding: 20px;
    /*bottom: 0px;
      padding: 20px;
      margin: 20px;
      width: calc(100% - 100px);
      max-width: 100%;
      left: 0%;
      transform: none;*/
    max-width: 80%;
  }
}

@media (max-width: 745px) {
  #cookies-popover {
    /*flex-wrap: wrap;
      box-sizing: border-box;
      width: calc(100vw - 32px);
      margin-left: 18px;
      margin-right: 22px;
      margin-bottom: 40px;
      justify-content: flex-end;
      padding: 16px !important;*/
    padding: 16px !important;
    max-width: 94%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  #cookies-popover p {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 24px;
    font-size: 14px !important;
    line-height: 18px !important;
  }

  #cookies-popover p > a {
    font-size: 14px !important;
  }
}

/*wellcome page*/
.welcome-page {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}

.welcome-card {
  background: #fff;
  color: #000;
  margin: auto;
  max-width: 100%;
  width: 100%;
  padding: 80px 20px 20px 20px;
  text-align: center;
  position: relative;
  height: calc(100% - 100px);
}

.welcome-card img {
  position: relative;
  width: 200px;
  /* display: block;
          margin: auto;*/
  margin-bottom: 40px;
}

.welcome-card .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 24px;
  font-family: "Editor";
}

.welcome-card .clmc-text-black {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.welcome-card .description {
  color: #535353 !important;
  font-size: 18px;
}

@media (max-width: 1050px) {
  .welcome-page {
    height: calc(100% - 56px);
  }
}

@media (max-width: 450px) {
  .welcome-page {
    height: calc(100% - 16px);
  }
}

/*SEO CONTENT*/
.seo-section {
  background: #111111;
}

.seo-section h1,
.seo-section h2 {
  color: #d7b730;
}

.seo-section.style-ad h1,
.seo-section.style-ad h2 {
  color: #4fc1a7;
}

.seo-section .clmc-h1 {
  color: #d7b730;
  font-size: 32px;
  font-weight: 700;
  margin: 10px 0px 5px 0px;
  line-height: 41px;
}

.seo-section.style-ad .clmc-h1,
.seo-section.style-ad .clmc-h2 {
  color: #4fc1a7;
}

.seo-section .clmc-h1:empty {
  display: none;
}

@media (min-width: 577px) {
  .seo-section .clmc-h1 {
    font-size: 34px;
    line-height: 43px;
  }
}

.seo-section .clmc-h2 {
  color: #d7b730;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  margin: 10px 0px;
}

.seo-section .clmc-h2 + p {
  margin-top: 0px !important;
}

@media (min-width: 577px) {
  .styles_container___zZYt .clmc-h2 {
    font-size: 22px;
    line-height: 29px;
  }
}

.seo-section a {
  transition: 0.2s !important;
  text-decoration: underline !important;
}

.seo-section a:hover {
  color: #d7b730;
  transition: 0.2s !important;
}

.seo-section.style-ad a:hover {
  color: #4fc1a7;
  transition: 0.2s !important;
}

.seo-section .gradient-bg {
  display: flex;
  /* flex-wrap: wrap; */
  align-items: flex-start;
  justify-content: center;
  background: linear-gradient(180deg, #1d1d1d 0%, #131313 100%);
  padding: 32px 16px;
  overflow: auto;
  gap: 33px;
}

.seo-section .gradient-bg div {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  min-width: 154px;
  max-width: 154px;
}

.seo-section .gradient-bg div img {
  z-index: 2;
}

.seo-section .gradient-bg div:not(.no-shadow)::before {
  top: 7px;
  z-index: 1;
  left: 35px;
  content: "";
  width: 110px;
  height: 110px;
  display: flex;
  position: absolute;
  background: radial-gradient(
    50% 50% at 50% 50%,
    #ffffff 0%,
    #ba3ed3 18.75%,
    #ffc500 18.76%,
    rgba(0, 0, 0, 0) 100%
  );
  background-blend-mode: screen;
}

.seo-section .gradient-bg div p {
  font-weight: 700;
  text-align: center;
}

@media (max-width: 768px) {
  .seo-section .gradient-bg {
    justify-content: center;
    padding: 24px 16px;
    flex-wrap: wrap;
    gap: 16px 44px;
  }

  .seo-section .gradient-bg div {
    min-width: 120px;
    max-width: 120px;
  }

  .seo-section .gradient-bg div:not(.no-shadow)::before {
    top: 8px;
    left: 15px;
  }
}

.marketing-cards .clmc-h2 {
  font-size: 35px;
  color: white;
  font-weight: 800;
  line-height: 42px;
  letter-spacing: 0px;
  text-align: left;

  font-family: var(--clmc-font);
}

.marketing-cards .body-marketing-custom-description {
  padding-right: 20px;
}

@media (max-width: 768px) {
  .marketing-cards .body-marketing-custom-description {
    padding-right: 0;
  }
}

/*breadCrumb*/
.breadCrumb {
  font-weight: bold;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 40px;
  font-size: 14px;
}

.breadCrumb button {
  padding: 0 5px 0 0;
}

.breadCrumb:hover {
  opacity: 0.8;
}

@media (max-width: 768px) {
  .breadCrumb {
    margin-bottom: 16px;
  }
}

/*Acceso directo*/
#accesoDirectoPopup.clmc-popup .clmc-popup-content {
  width: calc(100% - 40px) !important;
  height: auto;
  min-height: auto;
  max-height: 100%;
  border-radius: 8px;
}

#accesoDirectoPopup.clmc-popup .clmc-popup-content .clmc-checkbox * {
  color: black !important;
}

#vsm-widget .vsm-main-content .vsm-navigation {
  z-index: 98;
}

/*Providers Lobby*/
.providers-lobby div {
  background: #414247;
  position: relative;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}

.providers-lobby {
  padding: 16px;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 0px;
}

@media (max-width: 500px) {
  .providers-lobby {
    gap: 16px;
  }
}

.providers-lobby .providerName {
  position: absolute;
  background: #ff4040;
  color: #fff;
  border-radius: 8px 8px 0 0;
  top: 37px;
}

.providers-lobby .providerDesc {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  padding: 17.5px;
  background: #222226;
}

.lobby-title .providerTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lobby-title .providerTitle > span {
  border: 1px solid #000;
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

@media (max-width: 37px) {
  .providers-lobby div {
    width: 100%;
  }
}

/*Preferences*/
#preferenciasPopup .clmc-popup-content-header {
  background: #ededed;
}

#preferenciasPopup .clmc-popup-content-header * {
  color: #000;
  fill: #000;
}

#preferenciasPopup .clmc-popup-content .preferencesButton {
  justify-content: flex-end !important;
}

#preferenciasPopup .clmc-popup-content .preferencesButton button {
  width: auto;
}

.editedSectionOption {
  width: calc(50% - 12px);
  text-align: center;
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 100px;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
}

.editedSectionOption .activePreference {
  background: #000;
}

.editedSectionOption.activePreference {
  background: #e9f6fc;
  color: #156b90;
  border: 1px solid #156b90;
  transition: 0.5s;
}

.editedSectionOption.activePreference p {
  color: #156b90;
  font-weight: bold;
}

.editedSectionOption.activePreference span {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 20px;
  height: 20px;
  background: #156b90;
  border-radius: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.editedSectionOption span:empty {
  display: none;
}

#mis-preferencias .addressCard .addressContent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}

#mis-preferencias .addressCard .addressContent > p {
  padding: 0;
  background: #e9f6fc;
  color: #156b90;
  font-weight: bold;
  border-radius: 100px;
  width: auto;
  padding: 5px 10px;
  text-transform: capitalize;
  cursor: pointer;
}

#mis-preferencias .addressCard .addressContent > p.gustosEmpty,
#mis-preferencias .addressCard .addressContent > p.deportesEmpty,
#mis-preferencias .addressCard .addressContent > p.interesesEmpty {
  background: none;
  color: initial;
  font-weight: normal;
  padding: 0;
  text-transform: none;
  opacity: 0.5;
  border-radius: 0;
}

div#preferencesLoading {
  text-align: center;
  margin: 40px 0px;
}

div#preferencesLoading .preferences-loader {
  width: 80px;
  height: 80px;
}

/*Chat Sobreescritura*/
.cx-window-manager .cx-side-button-group {
  z-index: 100 !important;
}

/*Agregar padding para agregar x in chat button*/
.cx-window-manager .cx-widget.cx-webchat-chat-button {
  padding: 10px 34px 4px 10px !important;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.cx-form-wrapper table tr th {
  background: none;
}

.cx-form-wrapper table tr {
  height: initial;
  text-align: initial;
}

.cx-form-wrapper input,
.cx-form-wrapper select {
  appearance: initial !important;
  -webkit-appearance: initial !important;
}

/*FOOTER*/

footer.acity-footer * {
  box-sizing: border-box;
}

footer.acity-footer .acity-footer_title {
  font-family: var(--clmc-font);
  margin-bottom: 16px;
  color: var(--white);
  line-height: 23px;
  font-weight: 700;
  font-size: 18px;
}

/*** GRIDS FOOTER ***/

footer.acity-footer .acity-footer_gridLogos {
  display: grid;
  align-items: center;
  margin-bottom: 32px;
  grid-column-gap: 60px;
  justify-content: center;
  grid-template-columns: repeat(2, minmax(0px, auto));
}

/*** END GRIDS FOOTER ***/

footer.acity-footer .acity-footer_grid__item {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer.acity-footer .acity-footer_gridInfo_item.info1 > * {
  margin-right: 16px;
}

footer.acity-footer .acity-footer_gridInfo_item.info1 > *:last-child {
  margin-right: 0px;
}

footer.acity-footer .acity-footer_gridInfo_item.item-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

footer.acity-footer .acity-footer_gridInfo_item.item-links a {
  text-decoration: none;
}

footer.acity-footer .acity-footer_gridInfo_item.item-links a p {
  font-family: var(--clmc-font);
  transition: all 0.3s ease;
  margin-bottom: 8px;
  line-height: 18px;
  font-weight: 400;
  font-size: 14px;
  color: white;
}

footer.acity-footer .acity-footer_gridInfo_item.item-links a:hover p {
  color: #308f79 !important;
}

footer.acity-footer .libro-reclamaciones {
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  text-decoration: none;
  margin: 0 10px;
}

footer.acity-footer .acity-footer_copyright {
  display: flex;
  padding: 14px 0;
  align-items: center;
  background: #d7b730;
  justify-content: center;
}

footer.acity-footer .acity-footer_copyright.sports {
  background: #308f79;
}

footer.acity-footer .acity-footer_copyright span {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  color: #000;
}

footer.acity-footer .acity-footer_copyright span br {
  display: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
  footer.acity-footer .acity-footer_gridInfo.casino-apuesta {
    grid-column-gap: 100px;
  }
}

@media (max-width: 991px) {
  footer.acity-footer .acity-footer_divider {
    margin: 16px 0px;
  }

  footer.acity-footer .acity-footer_title {
    margin-bottom: 24px;
    line-height: 20px;
    font-size: 16px;
  }

  footer.acity-footer .acity-footer_gridLinks {
    display: flex;
    flex-direction: column;
  }

  footer.acity-footer .acity-footer_grid__item {
    height: 48px;
  }

  footer.acity-footer .acity-footer_grid__item img {
    max-width: 175px;
  }

  @media (max-width: 767px) {
    footer.acity-footer .acity-footer_grid__item img {
      max-width: 80px;
    }
  }

  @media (max-width: 470px) {
    footer.acity-footer .acity-footer_grid__item img {
      max-width: 128px;
    }
  }

  /** ESTILOS GENERALES **/

  footer.acity-footer .acity-footer_gridInfo:not(.casino-apuesta) {
    grid-template-columns: repeat(2, minmax(0px, 100%));
    grid-column-gap: 30px;
  }

  footer.acity-footer .acity-footer_gridInfo:not(.casino-apuesta) .acity-footer_gridInfo_item {
    min-height: auto;
  }

  footer.acity-footer .acity-footer_gridInfo:not(.casino-apuesta) .acity-footer_divider {
    margin: 24px 0px;
  }

  footer.acity-footer .acity-footer_gridInfo:not(.casino-apuesta) .acity-footer_divider.line1 {
    order: 3;
    grid-column: 1 / -1;
  }

  footer.acity-footer .acity-footer_gridInfo:not(.casino-apuesta) .acity-footer_divider.line2 {
    order: 6;
    grid-column: 1 / -1;
  }

  footer.acity-footer .acity-footer_gridInfo:not(.casino-apuesta) > .info1 {
    order: 1;
    margin-top: 8px;
    padding-left: 10px;
    justify-self: flex-start;
  }

  footer.acity-footer
    .acity-footer_gridInfo:not(.casino-apuesta)
    .acity-footer_gridInfo_item.info1
    > * {
    width: 32px;
    margin-right: 8px;
  }

  footer.acity-footer
    .acity-footer_gridInfo:not(.casino-apuesta)
    .acity-footer_gridInfo_item.info1
    > *:last-child {
    margin-right: 0px;
  }

  footer.acity-footer
    .acity-footer_gridInfo:not(.casino-apuesta)
    .acity-footer_gridInfo_item.info1
    > a
    img {
    width: 100%;
  }

  footer.acity-footer .acity-footer_gridInfo:not(.casino-apuesta) > .info2 .libro-reclamaciones {
    margin: 0;
  }

  footer.acity-footer .acity-footer_gridInfo:not(.casino-apuesta) > .info5 {
    order: 7;
    grid-column: span 2;
    justify-self: center;
    align-items: center;
    margin-bottom: 8px;
  }

  /** END ESTILOS GENERALES **/
  /** ESTILOS VERTICALES **/

  footer.acity-footer .acity-footer_gridInfo.casino-apuesta {
    grid-template-columns: repeat(2, minmax(0px, 43%));
    grid-column-gap: 30px;
    grid-row-gap: 37px;
    margin-top: 24px;
  }

  footer.acity-footer .acity-footer_gridInfo.casino-apuesta .info5 {
    order: 1;
  }

  footer.acity-footer .acity-footer_gridInfo.casino-apuesta .info1 > * {
    width: 32px;
  }

  footer.acity-footer .acity-footer_gridInfo.casino-apuesta .info1 > a img {
    width: 100%;
  }

  footer.acity-footer .acity-footer_gridInfo.casino-apuesta .info2 a {
    margin: 0;
  }

  /** END ESTILOS VERTICALES **/

  footer.acity-footer .acity-footer_gridLogos {
    grid-column-gap: 38px;
    margin-bottom: 16px;
  }

  footer.acity-footer .acity-footer_gridLogos img {
    width: 97%;
  }

  footer.acity-footer .acity-footer_gridLogos img:first-child {
    justify-self: flex-end;
  }

  footer.acity-footer .acity-footer_gridLogos img:last-child {
    justify-self: flex-start;
  }

  footer.acity-footer .acity-footer_copyright span {
    text-align: center;
    line-height: 20px;
    font-size: 16px;
  }

  footer.acity-footer .acity-footer_copyright span br {
    display: flex;
  }
}

/* Escroll interno */
.scroll-interno::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.scroll-interno::-moz-scrollbar {
  width: 8px;
  height: 8px;
}

.scroll-interno::-ms-scrollbar {
  width: 8px;
  height: 8px;
}

.scroll-interno::-o-scrollbar {
  width: 8px;
  height: 8px;
}

.scroll-interno::-webkit-scrollbar-track {
  background: #8a8a8b;
  border-radius: 200px;
}

.scroll-interno::-moz-scrollbar-track {
  background: #8a8a8b;
  border-radius: 200px;
}

.scroll-interno::-ms-scrollbar-track {
  background: #8a8a8b;
  border-radius: 200px;
}

.scroll-interno::-o-scrollbar-track {
  background: #8a8a8b;
  border-radius: 200px;
}

.scroll-interno::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 200px;
}

.scroll-interno::-moz-scrollbar-thumb {
  background: #ffffff;
  border-radius: 200px;
}

.scroll-interno::-ms-scrollbar-thumb {
  background: #ffffff;
  border-radius: 200px;
}

.scroll-interno::-o-scrollbar-thumb {
  background: #ffffff;
  border-radius: 200px;
}

/* scroll interno prueba tablas */
.scroll-interno.scroll-withe {
  scrollbar-width: none;
  scrollbar-color: #010101 #ffffff;
}

.scroll-interno.scroll-withe::-webkit-scrollbar-track {
  background: #ededed;
}

.scroll-interno.scroll-withe::-moz-scrollbar-track {
  background: #ededed;
}

.scroll-interno.scroll-withe::-ms-scrollbar-track {
  background: #ededed;
}

.scroll-interno.scroll-withe::-o-scrollbar-track {
  background: #ededed;
}

.scroll-interno.scroll-withe::-webkit-scrollbar-thumb {
  background: #010101;
}

.scroll-interno.scroll-withe::-moz-scrollbar-thumb {
  background: #010101;
}

.scroll-interno.scroll-withe::-ms-scrollbar-thumb {
  background: #010101;
}

.scroll-interno.scroll-withe::-o-scrollbar-thumb {
  background: #010101;
}

/* scroll none */
.scrollnone::-webkit-scrollbar {
  display: none !important;
}

.scrollnone::-moz-scrollbar {
  display: none !important;
}

.scrollnone::-ms-scrollbar-thumb {
  display: none !important;
}

.scrollnone::-o-scrollbar-thumb {
  display: none !important;
}

/*address Confirm*/
.clmc-white-popup .clmc-popup-content-container > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid rgba(33, 33, 33, 0.1);
  padding-top: 20px;
  padding-bottom: 10px;
  margin-top: 40px;
}

.clmc-white-popup .clmc-popup-content-container > div button {
  margin: 0px 10px;
}

.clmc-white-popup .clmc-popup-content-container > p {
  margin: 20px 0px;
  color: #535353;
}

.clmc-white-popup .clmc-popup-content-header,
.clmc-white-popup .clmc-popup-content-header p {
  background: #ededed;
  color: #000;
}

.clmc-white-popup svg {
  fill: #459a33;
  width: 50px;
  height: 50px;
}

.cx-webchat-ac .cx-body .cx-chat-close #cx_chat_confirm_close {
  font-family: var(--clmc-font);
  font-size: 19px !important;
  line-height: 22px;
  color: #444a52;
}

.cx-webchat-ac .cx-body .cx-form-wrapper .cx-form-control {
  font-size: 14.25px;
  line-height: 26.6px;
}

.cx-webchat-ac .cx-body .cx-form-wrapper .cx-form-control:autofill,
.cx-webchat-ac .cx-body .cx-form-wrapper .cx-form-control:-webkit-autofill {
  -webkit-text-fill-color: inherit !important;
  -webkit-box-shadow: inherit !important;
  border-radius: 25px !important;
  box-shadow: inherit !important;
}

.cx-webchat-ac .cx-body .cx-input-container .cx-textarea-cell .cx-form-control {
  font-size: 14.25px;
  line-height: 20px;
}

.cx-webchat-ac .cx-body .cx-transcript > .cx-date,
.cx-webchat-ac .cx-body .cx-transcript > .cx-message-group:nth-child(-n + 5) .cx-bubble > .cx-time,
.cx-webchat-ac
  .cx-body
  .cx-transcript
  > .cx-message-group:nth-child(-n + 5)
  .cx-bubble
  > .cx-message-text {
  color: #a2a8ae;
  text-size-adjust: 100%;
  appearance: none;
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
  outline-color: rgb(68, 74, 82);
  text-rendering: geometricprecision;
}

#cx_chat_end_question {
  font-size: 19px;
}

.justify-content-center {
  justify-content: center;
}

.align-items-start {
  align-items: start;
}

.alert-content-error .alert-error {
  margin-top: 8px;
  align-items: center;
  box-sizing: border-box;
}

.alert-content-error .alert-error .MuiAlert-icon {
  line-height: 0;
  padding: 0px;
}

.alert-content-error .alert-error .MuiAlert-message {
  padding: 0px;
}

.alert-content-error .alert-error .MuiAlert-icon svg {
  width: 16px;
}

.alert-content-error .alert-error:nth-child(even) {
  padding-left: 7px;
}

.alert-error .MuiAlert-icon {
  margin-right: 4px !important;
}

.clmc-phone-input .MuiInputLabel-formControl {
  margin-left: 23px;
}

.clmc-phone-input .MuiInputBase-adornedStart .MuiTelInput-IconButton {
  margin-right: 25px !important;
}

.clmc-phone-input .MuiInputBase-adornedStart .MuiTelInput-IconButton::after {
  opacity: 0.3;
  right: 0;
  height: 5px;
  width: 11px;
  content: "";
  display: flex;
  color: #000;
  font-size: 10px;
  position: absolute;
  margin-right: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDExIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjk2ODc1IDBMNS45Njg3NSA1TDEwLjk2ODggMEgwLjk2ODc1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
}

@media (max-width: 450px) {
  .success-register {
    padding-top: 58px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .success-register img {
    max-width: 150px;
    margin-bottom: 8px;
  }

  .success-register .title {
    font-size: 25px;
    line-height: 32px;
  }

  .success-register .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }

  .success-register .buttons {
    margin-top: 48px;
  }

  .success-register .buttons button {
    width: 100%;
    margin-bottom: 16px;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.separaBtnPasarelaPago {
  background: #2121211a;
  width: 100%;
  height: 2px;
  position: absolute;
  margin-top: -51px;
}

.containerBtnPasarelaFlex {
  position: relative;
}

.containerBtnPasarelaFlex button {
  margin-top: 26px;
}

.containerBtnPasarelaFlex .separaBtnPasarelaPago {
  top: 9px;
  margin-top: 0;
  left: -20px;
  right: -20px;
  width: auto;
}

@media (max-width: 768px) {
  .containerBtnPasarelaFlex {
    width: 100%;
  }
}

#depositpopup .clmc-popup-content {
  width: 100%;
  max-width: 800px;
}

@media (max-width: 768px) {
  #depositpopup .clmc-popup-content {
    margin-left: 16px;
    margin-right: 16px;
  }
}

#depositpopup .clmc-popup-content.loaderActive {
  width: 100% !important;
  min-width: auto !important;
  margin: 16px !important;
}

#depositResponseIframe body {
  overflow: hidden;
}

#depositpopup .depositLobbyMethods {
  max-width: 608px;
  margin: auto;
}

.depositMethod p.clmc-txtc {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.niubiz_terms_check * {
  color: #000;
}

#niubiz_terms_check_error {
  font-size: 14px;
  color: rgba(232, 27, 0, 1);
}

.clmc-check_error svg {
  color: rgba(232, 27, 0, 1);
  fill: rgba(232, 27, 0, 1);
}

.credit_card_method .clmc-popup-content-container {
  padding: 0;
}

#depositpopup .clmc-popup-content.credit_card_method {
  max-width: 500px;
  min-width: 500px;
}

#depositpopup .clmc-popup-content.credit_card_method iframe#depositResponseIframe {
  min-height: 310px;
}

@media (max-width: 500px) {
  #depositpopup .clmc-popup-content.credit_card_method {
    max-width: 500px;
    min-width: 100%;
  }
}

@media (max-width: 600px) {
  #depositpopup .depositLobbyMethods {
    max-width: 100%;
    min-width: 100%;
    margin: auto;
  }
}

.formChangePwd {
  max-width: 636px;
}

@media (max-width: 768px) {
  .password-change-page > div > h1 {
    font-size: 31px;
    line-height: 40px;
  }

  .password-change-page > div > p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
  }

  iframe#depositResponseIframe {
    /* max-height: calc(100vh - 66px); */
  }
}

/** TERMINOS Y CONDICIONES APUESTAS **/
.cotent-reglas-deportes {
  gap: 20px;
}

.terminos-y-condiciones p a,
.terminos-y-condiciones-apuestas-deportivas p a,
.terminos-y-condiciones-apuestas-deportivas p strong,
.terminos-y-condiciones p strong {
  word-wrap: break-word;
}

@media (max-width: 768px) {
  .cotent-reglas-deportes {
    transform: translateX(5px);
  }

  .cotent-reglas-deportes .cotent-deportes ul li {
    padding-left: 10px;
  }
}

.clmc-input-pwd label + .MuiInputBase-formControl .MuiInputAdornment-root svg {
  fill: #000;
}

.clmc-input-pwd
  label:not(.MuiInputLabel-shrink)
  + .MuiInputBase-formControl
  .MuiInputAdornment-root
  svg {
  fill: rgba(33, 33, 33, 0.2);
}

.box-screen {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}

.snackbar-top-right {
  top: 92px;
}

@media (max-width: 768px) {
  .snackbar-top-right {
    top: 60px;
  }
}

.react-datepicker-popper .react-datepicker__header {
  background-color: #fff;
  padding: 0;
  border-bottom: none;
}

.react-datepicker-popper .react-datepicker__month {
  margin: 0;
  gap: 8px;
  display: flex;
  flex-direction: column;
}

.react-datepicker-popper .react-datepicker__day-names {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 16px;
}

.react-datepicker-popper .react-datepicker__day-names,
.react-datepicker-popper .react-datepicker__week {
  font-size: 18px;
  line-height: 23px;
  display: flex;
  gap: 8px;
}

.react-datepicker-popper .react-datepicker__day-names .react-datepicker__day-name,
.react-datepicker-popper .react-datepicker__week .react-datepicker__day {
  width: 48px;
  height: 48px;
  display: grid;
  place-content: center;
  margin: 0;
}

.react-datepicker-popper .react-datepicker__week .react-datepicker__day--selected {
  background: var(--clmc-bg-color-primary) !important;
  border-radius: 4px;
  font-weight: 700;
  color: #000;
}

.react-datepicker-popper .react-datepicker__day {
  background: #f5f5f5;
  border-radius: 4px;
}

.react-datepicker-popper .react-datepicker__day--disabled {
  background-color: #fff;
}

.react-datepicker-popper .react-datepicker__day--outside-month {
  color: rgba(33, 33, 33, 0.4);
  background-color: #fff;
}

.container-politica,
.terminos-y-condiciones,
.terminos-y-condiciones-apuestas-deportivas {
  box-sizing: border-box;
  font-size: 14.3939px;
  max-width: 1620px;
  margin: auto;
  padding: 0 8px !important;
}

@media (min-width: 1390px) {
  .container-politica,
  .terminos-y-condiciones,
  .terminos-y-condiciones-apuestas-deportivas {
    width: 81%;
  }
}

.container-politica > div h1,
.terminos-y-condiciones > div h1,
.terminos-y-condiciones-apuestas-deportivas > div h1 {
  font-size: 2em;
}

.terminos-y-condiciones ul {
  margin-bottom: 2em;
}

.terminos-y-condiciones .sublista {
  padding-left: 6%;
}

.terminos-y-condiciones .grid-container {
  text-align: justify;
}

.clmc-white-form .profileBirthdayInput label.MuiInputLabel-filled {
  color: #535353 !important;
  opacity: 1;
}

.clmc-white-form .profileBirthdayInput label.MuiInputLabel-root.Mui-focused {
  color: #111 !important;
  opacity: 1;
}

.clmc-white-form #profileBirthdayInputForm.withPlaceholder input {
  color: #afafaf !important;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .container-politica,
  .terminos-y-condiciones,
  .terminos-y-condiciones-apuestas-deportivas {
    font-size: 17.272723px;
  }
}

@media (min-width: 1390px) {
  .container-politica,
  .terminos-y-condiciones,
  .terminos-y-condiciones-apuestas-deportivas {
    font-size: 19px;
  }
}

@media (max-width: 450px) {
  .order-xs-0 {
    order: 0;
  }

  .order-xs-1 {
    order: 1;
  }

  .mb-xs-1 {
    margin-bottom: 0.25rem !important;
  }

  .mt-xs-1 {
    margin-top: 1rem !important;
  }

  .d-none {
    display: none;
  }
}

@media (min-width: 451px) {
  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .d-md-inline {
    display: initial;
  }
}

/*Banner Altenar*/
.clmc-apuestas-container .asb-flex-col[name="asb-banners"] .asb-flex-cc {
  position: relative;
  height: 0;
  padding-bottom: 26%;
  overflow: hidden;
}

.clmc-apuestas-container .asb-flex-col[name="asb-banners"] .asb-flex-cc iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Perfil - Mis Direcciones - Editar*/
.direction-edit-title {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.direction-edit-title .breadCrumb {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  #vamosPopup .btnVamosModalPopup {
    width: calc(100% - 40px) !important;
    min-width: calc(100% - 40px) !important;
  }
}

@media (max-width: 500px) {
  #vamosPopup .btnVamosModalPopup {
    width: calc(100% - 20px) !important;
    min-width: calc(100% - 20px) !important;
  }
}

.clmc-apuestas-container .asb-flex-col[name="asb-banners"] {
  /* display: none; */
}

.MuiMenu-list {
  padding-bottom: 0;
  padding-top: 0;
}

@supports (-webkit-touch-callout: none) {
  @media (max-width: 767px) {
    .clmc-white-form .clmc-input.fix-xs-pb-ios .MuiFilledInput-input {
      padding-bottom: 2px;
    }
  }
}

#cajeroFisicoResponse .depositInfo .depositInfoCollapseTitle,
#cajeroFisicoResponse
  .depositInfo
  .depositInfoCollapseContent
  .depositInfoCollapseContentRules
  p.clmc-text-dark,
#cajeroFisicoResponse .depositWeWaitYou p.clmc-txtc {
  font-size: 18px;
}

#cajeroFisicoResponse .infoBajoLogoPasarela {
  color: #535353;
}

.fix-divider-width-100 {
  margin-left: -40px;
  margin-right: -40px;
  width: calc(100% + 40px);
}

/* div[name="asb-banners"]:nth-of-type(2) {
  display: block;
}

div[name="asb-banners"]:nth-of-type(4) {
  display: block;
} */

.MuiFilledInput-input {
  padding-left: 16px;
}

.forced-ad {
  --clmc-bg-color-primary: #4fc1a7;
}

.badgeNotificacionSnackBars {
  background: #ff4247;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  position: absolute;
  margin-left: 26px;
  margin-bottom: 21px;
}

.clmc-playtech-login {
  width: 100%;
  height: 100vh;
  background: #111111;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cur-default {
  cursor: default !important;
}

/*Agregar la clase custom-scroll-base si se quiere tener el scroll con estilos*/
.custom-scroll-base::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  position: relative;
  right: 5px;
}
.custom-scroll-base::-webkit-scrollbar-track {
  border-radius: 20px;
  background: #ababaf;
}
.custom-scroll-base::-webkit-scrollbar-thumb {
  background-color: #111;
  border-radius: 20px;
  height: 10px;
}

/* Estilos para Chat de Zendesk */
#launcher {
  z-index: 9 !important;
}

iframe[title="Cerrar mensaje"] {
  z-index: 9 !important;
}

iframe[title="Mensaje de la compañía"] {
  z-index: 9 !important;
}

iframe[title="Número de mensajes sin leer"] {
  z-index: 9 !important;
}

iframe[title="Ventana de mensajería"] {
  z-index: 999 !important;
}