:root {
  --color-Primary: #FFB200;
  --color-Primary-Dark: #FF8E00;
  --color-Primary-Light: #FFE082;
  --color-Secondary: #009DE0;
  --color-Secondary-Dark: #005997;
  --color-Secondary-Light: #82D5F6;
  --color-Gray-00: #ECEFF1;
  --color-Gray-10: #CFD8DC;
  --color-Gray-20: #B0BEC5;
  --color-Gray-30: #90A4AE;
  --color-Gray-40: #78909C;
  --color-Gray-50: #607D8B;
  --color-Gray-60: #546E7A;
  --color-Negative: #FF0000;
  --color-Positive: #0ACE58;
  --color-White: #FFFFFF;
  --color-Black: #263238;
  color: #263238;
}
.icon-shop {
  background-image: url("#APP_FILES#store.svg");
}

:root {
    --safe-top: env(safe-area-inset-top);
}

.t-Header{
    display: none;
}

.t-Header-branding{
    display: none;
}

.t-Button.t-Button--hot.w50p.t-Button--large {
  background-color: rgb(167, 27, 99) !important;
  color:white !important;
  border-radius: 26px !important;
}
.ui-dialog ui-dialog--notification ui-dialog--modern ui-dialog--info ui-widget ui-widget-content ui-front ui-dialog-buttons ui-draggable{
    left: 0px !important;
}
.t-TreeNav .a-TreeView-node--topLevel ul .a-TreeView-row {
    height: 50px;
}

input, .apex-item-text {
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: inherit;
}

.t-Form-fieldContainer--floatingLabel .t-Form-label {
  color: var(--color-Black);
}


@media (max-width: 640px) {
  .t-MediaList-badgeWrap, .t-MediaList-body, .t-MediaList-iconWrap {
    /* padding-right: 4px;
    padding-left: 4px; */
  }

  .t-MediaList {
    flex-wrap: nowrap;
  }

  .t-MediaList-itemWrap {
    flex-direction: column;
    align-items: center;
  }

  .t-Footer {
    padding: 0;
  }
}

body .ui-dialog .ui-dialog-title {
    color: #262626;
	text-align: center;
}

.t-MediaList--showBadges .t-MediaList-badgeWrap {
    display: none;
}

.pegar_footer{
	display: block;
    width: 100% !important;
    bottom: 0px;
    clear: none !important;
    float: none !important;
    left: 0px;
    margin: 0px !important;
    max-height: none !important;
    max-width: none !important;
    opacity: 1;
    overflow: visible !important;
    padding: 0px !important;
    position: fixed;
    right: auto !important;
    top: auto !important;
    vertical-align: baseline !important;
    visibility: visible !important;
    z-index: 2147483647;
    /* background: rgb(250, 250, 250) !important; */
}

/*App v2*/

.t-ButtonRegion{
    background-color: #ffffff !important;
}

body{
    background-color: #ffffff;
}

/*verificar css abajo*/
/* iconos para lista del footer */
.icon-ticket {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: currentColor;
  mask-image: url(https://clientes.elebar.com.ar/ords/r/itg00203/22222/files/static/v345/ticket.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-image: url(https://clientes.elebar.com.ar/ords/r/itg00203/22222/files/static/v345/ticket.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
}

.icon-shop {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("https://clientes.elebar.com.ar/ords/r/itg00203/1180080/files/static/v345/fi-rr-shop.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
}

.icon-cobrar{
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color:white !important;
  mask-image: url(https://clientes.elebar.com.ar/ords/r/itg00203/1180080/files/static/v345/collect.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-image: url(https://clientes.elebar.com.ar/ords/r/itg00203/1180080/files/static/v345/collect.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
}

.fa.icon-graduate-hat:before {
  content: "" !important;
}

.fa.icon-graduate-hat{
  display:inline-block;
  width:25px;
  height:25px;
  background-color: currentColor;
  mask-image:url(https://clientes.elebar.com.ar/ords/r/itg00203/1180080/files/static/v345/icon-graduate-hat.svg);
  mask-repeat:no-repeat;
  mask-size:contain;
  mask-position:center;
  -webkit-mask-image:url(https://clientes.elebar.com.ar/ords/r/itg00203/1180080/files/static/v345/icon-graduate-hat.svg);
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  -webkit-mask-position:center;
}

/* estilo del ícono central - Cobrar (3er ítem) */
.t-MediaList > li:nth-child(3) {
  overflow: visible !important;
}

.t-MediaList > li:nth-child(3) .t-MediaList-iconWrap {
  background-color: #A71B63;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(139, 26, 107, 0.5);
  position: relative;
  bottom: 22px;
  margin-bottom: -24px;
}

.t-MediaList > li:nth-child(3) .t-MediaList-icon {
  background-color: #ffffff;
  width: 28px;
  height: 28px;
}

/*verificar css arriba*/



/* INICIO Estilo para el botón de Cobrar QR*/
.cobrar-button {
  position: relative;
}

.cobrar-icon {
  background-color: #A71B63; 
  border-radius: 50%;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.cobrar-icon .t-Icon {
  color: white;
  font-size: 24px;
}

.cobrar-button a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cobrar-button .t-MediaList-body {
  margin-top: 45px; 
  text-align: center;
}

.cobrar-button .t-MediaList-title {
  color: #A71B63;
  font-weight: 600;
}


.icon-pagar{
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: white; 
  mask-image: url('https://clientes.elebar.com.ar/ords/r/itg00203/1180080/files/static/v170/pay.svg'); /*esta es la url de la app productiva, la url de esta app es https://clientes.elebar.com.ar/ords/r/itg00203/1180082/files/static/v312/pay.svg*/
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-image: url('https://clientes.elebar.com.ar/ords/r/itg00203/1180080/files/static/v170/pay.svg'); /*esta es la url de la app productiva, la url de esta app es https://clientes.elebar.com.ar/ords/r/itg00203/1180082/files/static/v312/pay.svg*/
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
}

.repeat{
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: rgb(87, 23, 68) !important; 
  mask-image: url('https://clientes.elebar.com.ar/ords/r/itg00203/1180080/files/static/v170/repeat.svg'); /*esta es la url de la app productiva, la url de esta app es https://clientes.elebar.com.ar/ords/r/itg00203/1180082/files/static/v312/pay.svg*/
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-image: url('https://clientes.elebar.com.ar/ords/r/itg00203/1180080/files/static/v170/repeat.svg'); /*esta es la url de la app productiva, la url de esta app es https://clientes.elebar.com.ar/ords/r/itg00203/1180082/files/static/v312/pay.svg*/
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
}

/* estilo del ícono central - Cobrar (3er ítem) */

.t-MediaList > li:nth-child(3) {
  overflow: visible !important;
}

.t-MediaList > li:nth-child(3) .t-MediaList-iconWrap {
  background-color: #A71B63;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(139, 26, 107, 0.5);
  position: relative;
  bottom: 22px;
  margin-bottom: -24px;
}

.t-MediaList > li:nth-child(3) .t-MediaList-icon {
  background-color: #ffffff;
  width: 28px;
  height: 28px;
}

.t-Footer .t-Region--scrollBody,
.t-Footer .t-Region-bodyWrap,
.t-Footer .t-Region-body {
  overflow: visible !important;
}

/* FIN Estilo para el botón de Cobrar QR*/
/* ********************************************************************************************************************************************** */
/*Estilo app Comercios en Clientes*/
/* estilo para pastillas informativas */
.recomendado {
    background-color: #A71B63;
    color: #ffffff;
    border-radius: 20px;
    width: 100px;
    text-align: center;
    margin-left: 10px;
    font-size: 12px !important;
}

.txt_disable{
    color:#A37897;
}

/* MENÚ DEL VER MÁS */
/* badge del más para notificaciones "Próximamente"*/
#t_TreeNav_2 .a-TreeView-label::after {
  content: "Próximamente";
  display: inline-block;  
  padding: 2px;
  vertical-align: middle;  
  background-color: #A71B63;
  color: #ffffff;
  border-radius: 20px;
  width: 100px;
  text-align: center;
  margin-left: 10px;
  font-size: 12px !important;
  line-height: 20px; 
  pointer-events: none;
}

/* deja Notificaciones sin efecto */
#t_TreeNav_2 .a-TreeView-content{
  pointer-events: none;
  opacity: 0.45;
}

#t_TreeNav_2 .a-TreeView-label{
  /*opacity: 0.45;*/
  pointer-events: none;
  cursor: default;
}
/* ****************************** */

/* flechitas para el menu, la del 0 está en el core min de wirall */
#t_TreeNav_1::after,
#t_TreeNav_3::after,
#t_TreeNav_4::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACvSURBVHgB7ZK9DYMwEIXtkCIbhNKjhCJSNggjMkI6sklcsgQ4d7gAgcS7szvgk9y9e8/3Y8zJ7rFI8L4/f6PQFlXTfbxRcsGSgV5wIfRtXb6cUQIDrO0rCvCpIXBETF0+yLxoSe7oec24RAE5IeKA1BDBkiea7uuXO0E1qoDIbVY2QLUqgC8o/jo47iJ2s41iyWtzHhmqE55pmrkoIMecgTvIMWeuWDJeSpL5yUH4A4BTdw1ya9tZAAAAAElFTkSuQmCC);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#t_TreeNav_4::after{
    opacity: 0.7;
}

/* se ven deshabilitados por defecto */
#t_TreeNav_1::after,
#t_TreeNav_3::after{
    opacity: 0.45;
    cursor: default;
}

#t_TreeNav_2::after{
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACvSURBVHgB7ZK9DYMwEIXtkCIbhNKjhCJSNggjMkI6sklcsgQ4d7gAgcS7szvgk9y9e8/3Y8zJ7rFI8L4/f6PQFlXTfbxRcsGSgV5wIfRtXb6cUQIDrO0rCvCpIXBETF0+yLxoSe7oec24RAE5IeKA1BDBkiea7uuXO0E1qoDIbVY2QLUqgC8o/jo47iJ2s41iyWtzHhmqE55pmrkoIMecgTvIMWeuWDJeSpL5yUH4A4BTdw1ya9tZAAAAAElFTkSuQmCC);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.45;
    cursor: default;
}
/*
#t_TreeNav_1::before{
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(https://clientes.elebar.com.ar/ords/r/itg00203/22222/files/static/v345/fi-rr-shop.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.45;
}*/

/* Deshabilitado por defecto */
#t_TreeNav_1 ,
#t_TreeNav_2,
#t_TreeNav_3 {
    pointer-events: none;
}

#t_TreeNav_1 .a-TreeView-content,
#t_TreeNav_3 .a-TreeView-content {
    pointer-events: none;
}

#t_TreeNav_1 .a-TreeView-label,
#t_TreeNav_3 .a-TreeView-label {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

#t_TreeNav_1 .a-TreeView-content span,
#t_TreeNav_3 .a-TreeView-content span {
    opacity: 0.45 !important;
    pointer-events: none;
}

/* Habilitado cuando el body tiene la clase */
body.rol-habilitado #t_TreeNav_1 ,
body.rol-habilitado #t_TreeNav_3 {
    pointer-events: auto !important;
}

body.rol-habilitado #t_TreeNav_1 .a-TreeView-content,
body.rol-habilitado #t_TreeNav_3 .a-TreeView-content {
    pointer-events: auto !important;
}

body.rol-habilitado #t_TreeNav_1 .a-TreeView-content span,
body.rol-habilitado #t_TreeNav_3 .a-TreeView-content span {
    opacity: 1 !important;
}

body.rol-habilitado #t_TreeNav_1 .a-TreeView-label,
body.rol-habilitado #t_TreeNav_3 .a-TreeView-label {
    opacity: 1 !important;
    cursor: pointer !important;
}

body.rol-habilitado #t_TreeNav_1::before {
    opacity: 1;
}

body.rol-habilitado #t_TreeNav_1::after,
body.rol-habilitado #t_TreeNav_3::after  {
    opacity: 1;
    cursor: pointer !important;
}