/*  
    Onyx Soft SAS - Colombia
    Versión: 0.1.5
    Fecha: A/M/D - 2025 / 07 / 05
*/
@import url(icofont/flaticon_erp_web.css);
@import url(icofont/net-ui/net-ui.css);
@import url(icofont/netvyBtn/netvyBtn.css);
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url(icofont/netvy-icon/netvy-old-icon/style.css);
@import url(icofont/netvy-icon/netvy-new-icon/style.css);
@import url(netvy_popup_style.css);
@import url(netvy_calendar_style.css);
@import url(netvy_table_style.css);

/* 
    Reset
*/
*,
html,
body {
  font-family: "Poppins", sans-serif !important;
  font-size: 12px;
}

p {
  margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0px;
}

input:focus {
  outline: 0 none;
}

/* Estilo base para todas las pantallas */
.htmlstd.html5 {
  overflow-x: hidden !important;
}

/* Para pantallas grandes (1175px o más) */
@media (min-width: 1175px) {
  .htmlstd.html5 {
    overflow-y: hidden !important;
  }
}

/* Para pantallas medianas y pequeñas (1174px o menos) */
@media (max-width: 1174px) {
  .htmlstd.html5 {
    overflow-y: auto !important;
  }
}

/*
iframe{
    border-radius: 7px !important;
    height: 100% !important;
    width: 100% !important;
}*/

/* FAB */

.erpw-radius {
  border-radius: 7px !important;
}

.erpw-color-win-dia {
  background: #06283d !important;
}
.erpw-color-win-tickets {
  background: #233d7b !important;
}
.erpw-color-sin-planificar {
  background: #4bde79 !important;
}
.erpw-color-abiertos-hoy {
  background: #44275b !important;
}

.erpw-color-win-5 {
  background: #f2d220 !important;
}
.erpw-color-win-6 {
  background: #ff2a2a !important;
}

.erpw-break-h-1 {
  border-radius: 6px 6px 0px 0px;
  border: 1px solid #d2d2d2;
  border-bottom: none;
}

.iconBtn-right > span {
  position: relative !important;
  margin: 0.15em 6px -6px -27px !important;
  display: inline !important;
  float: right !important;
  font-size: 16px;
}
.iconBtn-left > span {
  position: relative !important;
  margin: 0.15em -27px -6px 6px !important;
  display: inline !important;
  float: left !important;
  font-size: 16px;
}

/* Sección de advertencia en edt - Inicio */

.warning-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  color: white;
  background-color: red;
  font-size: 16px;
  visibility: hidden;
  opacity: 0;
  padding: 0 4px;
  transition: all 0.5s ease;
  height: -webkit-fill-available;
  border-radius: 4px 0 0 4px;
  z-index: 10;
}

input.error,
textarea.error,
select.error {
  background-color: #fff4f4;
  border: 1px solid #e1a7a7;
  padding-left: 28px !important;
}

.tooltip-alert {
  position: absolute !important;
  top: calc(100% + 2px) !important;
  background-color: #fff4f4 !important;
  color: #940000 !important;
  padding: 5px !important;
  font-size: 12px !important;
  transition: all 0.5s ease !important;
  border: 1px solid #e1a7a7 !important;
  border-radius: 3px !important;
  visibility: hidden;
  text-wrap: nowrap;
  width: fit-content !important;
  opacity: 0;
  z-index: 100 !important;
}

.tooltip-alert {
  margin: 0;
  width: 100%;
}

*:has(> .warning-icon) {
  position: relative;
}

.tooltip-alert ul {
  margin: 0 !important;
  padding: 0 0 0 20px !important;
  list-style-type: none;
}

/* Sección de advertencia en edt - Fin */

#M29 #dwwM118 {
  min-height: 98.7% !important;
}

#M29 #M118 {
  min-height: 98.7vh !important;
}

.netvyCodigo {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* >= 1500px */
@media (min-width: 1500px) {
  .netvyCodigo {
    max-width: 500px !important;
  }
}

/* 1320px - 1499px */
@media (min-width: 1320px) and (max-width: 1499px) {
  .netvyCodigo {
    max-width: 400px !important;
  }
}

/* 776px - 1319px */
@media (min-width: 776px) and (max-width: 1319px) {
  .netvyCodigo {
    max-width: 250px !important;
  }
}

/* <= 775px */
@media (max-width: 775px) {
  .netvyCodigo {
    max-width: 150px !important;
  }
  #page {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

#page {
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}

.wbtablesep {
  background-color: #fbfbfb !important;
}

.loading {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  border: 4px solid color-mix(in srgb, #fff 20%, #00000000);
  border-top-color: #fff;
  border-radius: 50%;

  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

button:has(.loading) {
  display: flex !important;
  justify-content: center;
  align-items: center;
  animation: bright-pulse 1.2s infinite;
  transition: filter 0.3s;
  padding: 0 !important;
}

.loading.color {
  border: 4px solid color-mix(in srgb, var(--netvy-pr) 40%, #00000000);
  border-top-color: var(--netvy-pr);
}

.loading.dark {
  border: 4px solid color-mix(in srgb, #000 40%, #00000000);
  border-top-color: #000;
}

@keyframes bright-pulse {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.3);
  }
  100% {
    filter: brightness(1);
  }
}

/*
    Botones
*/
.erpw-iconBtn > i {
  position: relative;
  margin: 0px 5px 0px 0px;
  font-weight: 600;
  display: inline;
  top: 2px !important;
}
.erpw-iconBtnleft > i {
  position: relative !important;
  margin: 3px -18px -6px 8px !important;
  display: inline !important;
  float: left !important;
}

/*
   Reseteo Estilo fantasma imagen de S3
*/
.l-252 {
  background-image: url("") !important;
}

.fj-netvy-bg-pr-t-bottom {
  background-color: var(--netvy-sc) !important;
}


td:has(.sizeJetonMax){
    max-width: 20px;
}
.wbJeton{
padding-right: 32px !important;
}
.wbJeton [data-role="remove"] {
  position: absolute !important;
right: 1px !important;
}



table[id^="czM"],
table[id^="bzM"],
table[id^="tzM"] {
  border: none !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  border-collapse: separate !important;
}

#dwwM65{
  max-width: 80vw !important;
  width: 80vw !important;
  left: 11% !important;
}