*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

* {
  scrollbar-color: initial;
  scrollbar-width: initial;
}

@font-face {
  font-display: swap;

  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'NotoSans';

  font-style: normal;

  font-weight: 400;

  src: url('/ErpNetCoreUI/fonts/NotoSans-Regular.ttf') format('truetype');

  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* tema por defecto */

html[data-theme='default'] {
  --color-accent: 219 184 63;
  --color-primary: 60 121 148;
  --color-on-primary: 255 255 255;
  --color-secondary: 37 48 53;
  --color-on-secondary: 255 255 255;
  --color-surface: 255 255 255;
  --color-surface-cont: 255 255 255;
  --color-surface-cont-low: 220 220 220;
  --color-on-surface: 115 115 115;
  --color-on-surface-high: 80 80 80;
  --color-on-surface-low: 201 200 213;
  --color-surface-dim: 246 247 249;
  --color-on-surface-dim: 111 111 129;
  --color-on-surface-dim-high: 60 60 60;
  --color-on-surface-dim-low: 178 178 178;
  --color-surface-dim-cont: 232 235 238;
  --color-outline: 229 230 232;
  --color-outline-medium: 212 212 212;
  --color-links: 111 138 233;
  --color-success: 34 197 94;
  --color-info: 59 130 246;
  --color-warn: 249 115 22;
  --color-error: 239 68 68;
  --color-disabled: 210 210 210;
  --color-on-disabled: 255 255 255;
}

/* tema joselito */

html[data-theme='joselito'] {
  --color-accent: 226 35 27;
  --color-primary: 226 35 27;
  --color-on-primary: 255 255 255;
  --color-secondary: 255 255 255;
  --color-on-secondary: 0 0 0;
  --color-surface: 255 255 255;
  --color-surface-cont: 255 255 255;
  --color-on-surface: 115 115 115;
  --color-on-surface-high: 80 83 86;
  --color-on-surface-low: 201 200 213;
  --color-surface-dim: 0 0 0;
  --color-on-surface-dim: 111 111 129;
  --color-on-surface-dim-high: 60 60 60;
  --color-on-surface-dim-low: 178 178 178;
  --color-surface-dim-cont: 232 235 238;
  --color-outline: 229 230 232;
  --color-outline-medium: 212 212 212;
  --color-links: 111 138 233;
  --color-success: 34 197 94;
  --color-info: 59 130 246;
  --color-warn: 249 115 22;
  --color-error: 239 68 68;
  --color-disabled: 210 210 210;
  --color-on-disabled: 255 255 255;
}

:focus {
  outline-width: 1px;
  outline-color: rgb(var(--color-primary) / 1);
}

html, body {
  overflow-x: hidden;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  font-family: NotoSans;
  font-size: 97%;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.container-botones-campos a .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

a {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(var(--color-links) / var(--tw-text-opacity, 1));
}

select {
  box-sizing: border-box;
  height: 2.5rem;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-on-surface-low) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-cont) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.container-botones-campos select:hover .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

select:hover {
  cursor: pointer;
}

select:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

input {
  box-sizing: border-box;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-on-surface-low) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-cont) / var(--tw-bg-opacity, 1));
}

input:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-disabled) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-onDisabled) / var(--tw-text-opacity, 1));
}

input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

textarea {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-on-surface-low) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-cont) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary) / var(--tw-text-opacity, 1));
}

textarea::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}

textarea::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}

textarea::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}

textarea::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}

textarea::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}

textarea::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}

textarea::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}

textarea::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}

textarea::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}

textarea {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}

textarea::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}

textarea:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

table {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}

form {
  height: 100%;
}

button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

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

/* FIXME: No funciona en chrome => https://codepen.io/egle/pen/zzOKLe */

/* 
    option:hover {
        @apply bg-onSurfaceDim;
    }
    */

/* Clase para eliminar las flechas del input number del paginador (Funciona en todos los navegadores menos en firefox)*/

.no-arrows-input::-webkit-outer-spin-button,
    .no-arrows-input::-webkit-inner-spin-button {
  /* Asegura que las flechas se oculten */
  -webkit-appearance: none;
  /* Asegura que no haya margen extra */
  margin: 0;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* SOBRESCRITURA DE ESTILOS DE COMPONENTES DE LA LIBRERÍA */

/* Modales */

.pbc-modal-container {
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-cont) / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pbc-modal-container .pbc-modal-body {
  max-height: 100%;
}

.pbc-modal-header-divider {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
}

.pbc-modal-header-button-close .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1)) !important;
}

/* Tooltips */

.pbc-tooltip {
  border-radius: 0.375rem;
  background-color: rgb(var(--color-secondary) / 0.9) !important;
  font-size: 0.82rem !important;
}

/**
        Componentes de configuración
        FIXME: Mover estos estilso a sus respectivos archivos cuando existan
    */

.config-general {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.config-conta {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.config-gestion {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

/** 
        Clases css facilmente reutilizables
    */

.pt-5 {
  padding-top: 1.25rem;
}

.login-container {
  display: flex;
  height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  background-image: url('/ErpNetCoreUI/img/bg-proconsi-custom.svg');
  background-size: 50% 50%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.login-wrapper {
  display: flex;
  min-height: 255px;
  min-width: 600px;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto 0;
}

.login-logo-proconsi {
  min-height: 2.5rem;
  min-width: 2.5rem;
}

.login-loader {
  display: flex;
  justify-content: flex-start;
  padding-left: 1.25rem;
  padding-top: 1.25rem;
}

.login-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

/* Logo del login */

.login-logo .pbc-icon {
  height: 2rem;
  width: 2rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.login-logo label {
  line-height: 1.75rem;
  font-size: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.login-usuario-container label {
  display: flex;
  justify-content: flex-start;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.submit-login {
  margin-bottom: 0.5rem;
  margin-top: 1.25rem;
  width: 400px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1));
}

.tfa-numero-paso {
  display: inline-grid;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  text-align: center;
  font-size: 0.82rem;
  line-height: 25px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tfa-texto-paso {
  font-weight: 700;
}

.tfa-texto-otp {
  padding-bottom: 0.75rem;
  font-weight: 700;
}

.tfa-texto-secreto {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.login-inputs-style {
  width: 400px;
}

.login-footer-wrapper {
  margin-bottom: 1.25rem;
  align-items: flex-end;
}

/* Wrapper principal de la web */

#page {
  display: flex;
  flex-direction: row;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.sidebar-titulo-container {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-start;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim-low) / var(--tw-text-opacity, 1));
}

.sidebar-titulo {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1)) !important;
}

.sidebar-version {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.82rem;
}

/* Panel lateral */

.sidebar-expanded {
  display: flex;
  height: 100vh;
  width: 0px;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
  width: 15%;
  min-width: 200px;
}

.container-botones-campos .sidebar-menu-colapsable .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.sidebar-menu-colapsable {
  display: flex;
  height: 30px;
  width: 30px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.sidebar-menu-colapsable .pbc-icon {
  width: 1rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1)) !important;
}

.sidebar-menu-colapsable:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim-cont) / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sidebar-logo {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar-logo > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

.sidebar-logo {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

/* Logo del menú */

.sidebar-logo .pbc-icon {
  height: 2.25rem;
  width: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.sidebar-collapsed {
  display: flex;
  height: 100vh;
  width: 0px;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
  width: 6%;
  min-width: 6%;
}

#sidebar-menu {
  margin-top: 1rem;
  width: 100%;
  flex-grow: 1;
  overflow: hidden;
}

#sidebar-user {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  display: flex;
  min-height: 3.7rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
  --tw-shadow: inset 0px 4px 8px -8px rgba(0,0,0,0.3);
  --tw-shadow-colored: inset 0px 4px 8px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.container-botones-campos #sidebar-user img .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

#sidebar-user img {
  cursor: pointer;
}

.container-botones-campos #sidebar-user span .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

#sidebar-user span {
  display: flex;
  height: 2.5rem;
  cursor: pointer;
  align-items: center;
  padding-left: 0.5rem;
}

.user-data {
  display: flex;
  min-width: 0px;
  flex-grow: 1;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.user-data-icon {
  flex-shrink: 0;
}

/* Nombre de usuario */

.user-data p {
  display: inline-block;
  flex-shrink: 1;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar-collapsed .user-data {
  justify-content: center !important;
}

#user-logout {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}

#user-logout .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

/* Panel que contiene el contenido principal de la aplicación */

.main-panel {
  display: flex;
  height: 100vh;
  width: 85%;
  flex-direction: column;
}

.main-panel-collapsed {
  display: flex;
  height: 100vh;
  flex-direction: column;
  width: 95% !important;
}

/* Contenido principal */

#main-content {
  height: 100vh;
  overflow: hidden;
  background-image: url('/ErpNetCoreUI/img/bg-proconsi-custom.svg');
  background-size: 50% 50%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: rgb(var(--color-surface));
}

#render-mode {
  position: fixed;
  bottom: 0.25rem;
  right: 0.25rem;
  font-size: small;
  font-weight: 900;
}

.login-wrapper {
  position: relative;
}

.login-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, rgba(var(--color-primary), 0.2) 0%, rgba(var(--color-primary), 0.5) 50%, rgba(var(--color-primary), 0.2) 100%);
  overflow: hidden;
  z-index: 2;
}

.login-progress-bar::before {
  content: "";
  display: block;
  position: absolute;
  left: -40%;
  width: 40%;
  height: 100%;
  background: rgb(var(--color-primary));
  animation: login-progress-indeterminate 1s linear infinite;
  border-radius: 2px;
}

@keyframes login-progress-indeterminate {
  0% {
    left: -40%;
    width: 40%;
  }

  50% {
    left: 20%;
    width: 60%;
  }

  100% {
    left: 100%;
    width: 40%;
  }
}

.login-wrapper.login-loading .login-logo,
    .login-wrapper.login-loading .login-usuario-container,
    .login-wrapper.login-loading .login-password-container,
    .login-wrapper.login-loading .submit-login,
    .login-wrapper.login-loading a {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.login-progress-bar-placeholder {
  height: 1px;
  visibility: hidden;
}

/* Logo */

.cambioPassword-logo .pbc-icon {
  height: 2rem;
  width: 2rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.new-password {
  margin-bottom: 1.25rem;
  width: 14rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary) / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.new-password:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* Componente menú completo (etiqueta que lo engloba) */

.nav-menu {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.nav-menu .input-search-container {
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 90%;
  padding-top: 0px;
}

.nav-menu .seccion-botones-suggestion {
  align-items: center;
}

.nav-menu .input-search-container input {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-cont) / var(--tw-bg-opacity, 1));
  color: rgb(var(--color-on-surface-dim-high)) !important;
}

.erp-navmenu-boton-limpiar-busqueda {
  height: 1.25rem;
  width: 1.25rem;
}

.erp-navmenu-boton-limpiar-busqueda:hover {
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim-cont) / var(--tw-bg-opacity, 1));
}

.erp-navmenu-boton-limpiar-busqueda .pbc-icon {
  margin-top: 0px !important;
}

/* Cuerpo del menú */

.nav-menu-body {
  margin-bottom: auto;
  overflow-y: auto;
  overflow-x: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.nav-menu-body::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}

.nav-menu-body::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}

.nav-menu-body::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}

.nav-menu-body::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}

.nav-menu-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}

.nav-menu-body::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}

.nav-menu-body::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}

.nav-menu-body::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}

.nav-menu-body::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}

.nav-menu-body {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}

.nav-menu-body::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}

.nav-menu-nombre-empresa-container {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1rem;
  display: flex;
  min-height: 70px;
  width: auto;
  align-items: center;
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 1rem;
}

.container-botones-campos .nav-menu-boton-empresa-wrapper .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.nav-menu-boton-empresa-wrapper {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim-cont) / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.nav-menu-nombre-empresa-wrapper {
  display: flex;
  flex-grow: 1;
  align-items: center;
  overflow: hidden;
  text-wrap: nowrap;
}

.nav-menu-nombre-empresa-wrapper-separator {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.nav-menu-nombre-empresa {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.nav-menu-nombre-empresa-container .pbc-icon-wrapper {
  vertical-align: middle;
}

.nav-menu-configurar-empresa {
  flex-shrink: 1;
}

.nav-menu-configurar-empresa .pbc-icon {
  height: 1rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.expanded-nombre-empresa-container {
  padding-left: 0.3rem;
}

.collapsed-nombre-empresa-container {
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
}

.hover-pointer:hover {
  cursor: pointer;
}

/* Clase usada para darle estilos a el div que va a contener todas las listas */

.selector-listados {
  height: 100%;
  max-height: 87%;
  min-width: 100%;
}

/*Clase usada param darle estilos a cada uno de los distintos listados*/

.titulo-listados {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

/* Clase usada param darle un estilo dialog titulo de los listados */

.titulo-selector-campos {
  min-width: 80%;
  align-self: center;
  text-align: center;
}

/* clase que afecta al título opcional de todos los listados */

.titulo-listados {
  min-width: 100%;
}

/* Container que afecta solo a un listado incluido el buscador en caso de existir */

.contenedor-listado {
  margin-top: 0.5rem;
  height: 100%;
  width: 100%;
  overflow: auto;
  border-radius: 0.25rem;
  border-width: 0.5px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}

.contenedor-listado::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}

.contenedor-listado::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}

.contenedor-listado::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}

.contenedor-listado::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}

.contenedor-listado::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}

.contenedor-listado::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}

.contenedor-listado::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}

.contenedor-listado::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}

.contenedor-listado::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}

.contenedor-listado {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}

.contenedor-listado::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}

.contenedor-listado .input-search-container {
  margin: 0px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.contenedor-listado .input-search-container input {
  min-height: 2.5rem;
}

.contenedor-listado .input-search-container .pbc-icon-wrapper .pbc-icon {
  bottom: 0.55rem;
}

/* Sombras aplicadas al arrastrar un elemento sobre otro que acepta el drop */

.element-shadow-bottom {
  --tw-shadow: 0px 5px 2px 0px;
  --tw-shadow-colored: 0px 5px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(var(--color-on-surface) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}

.element-shadow-top {
  --tw-shadow: 0px -5px 2px 0px;
  --tw-shadow-colored: 0px -5px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(var(--color-on-surface) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}

.container-shadow-top {
  --tw-shadow: 0px -5px 2px 0px;
  --tw-shadow-colored: 0px -5px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(var(--color-on-surface) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}

.container-shadow-bottom {
  --tw-shadow: 0px 5px 2px 0px;
  --tw-shadow-colored: 0px 5px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(var(--color-on-surface) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}

/* Clase contenedora de ambos listados */

/* estilos aplicados a cada uno de los selectores de campos */

.titulo-selector {
  position: sticky;
  top: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  place-content: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

/* estilos aplicados a cada uno de los elementos del listado */

.container-botones-campos .elemento .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.elemento {
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
  padding: 0.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary) / var(--tw-text-opacity, 1));
  color: rgb(var(--color-on-surface-dim-high));
}

.container-botones-campos .elemento:hover .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.elemento:hover {
  cursor: pointer;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
}

/* Eliminamos los margenes horizontales del input-Search-Container */

.campos-selector-campos {
  width: 40%;
}

.campos-selector-campos .input-search-container {
  margin-left: 0px;
  margin-right: 0px;
  min-height: 5%;
}

/* Estilos aplicados a las flechas de control */

.container-botones-campos .icono-mover-elemento .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.icono-mover-elemento {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.icono-mover-elemento .pbc-icon-wrapper .pbc-icon {
  height: 2rem;
  width: 2rem;
}

.icono-mover-elemento:hover {
  --tw-brightness: brightness(1.2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.container-botones-campos {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 5%;
  display: flex;
  width: 2.5rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.container-botones-campos .button-icon .pbc-icon-wrapper .pbc-icon {
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.container-botones-campos .button-icon {
  min-height: 3rem;
  min-width: 3rem;
}

.container-botones-campos .cursor-pointer .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.container-botones-campos .icono-borrar-contenido-searchbar .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.icono-borrar-contenido-searchbar {
  cursor: pointer;
}

.icono-borrar-contenido-searchbar .pbc-icon-wrapper .pbc-icon {
  height: 1.2rem !important;
}

.input-search-container input {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-secondary) / var(--tw-text-opacity, 1)) !important;
}

.elemento-listado {
  display: flex;
  min-height: 3.75rem;
  flex-direction: column;
  justify-content: center;
}

/* Colocacion el icono de la lupa en un InputSearch */

.input-search-container .seccion-botones-suggestion {
  position: relative;
  top: 0px;
  right: 1.7rem;
  bottom: 0px;
  height: 100%;
  width: 1rem;
}

.input-search-container .seccion-botones-suggestion .pbc-icon-wrapper {
  height: 100%;
  width: 1rem;
  place-content: center;
}

.input-search-container .seccion-botones-suggestion .pbc-icon-wrapper .pbc-icon {
  position: static;
  margin-right: 0px;
  margin-top: 3px;
}

.container-botones-campos .parent-menu .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.parent-menu {
  margin-top: 1rem;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.parent-menu .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.parent-menu-icon {
  flex-shrink: 0;
}

.container-botones-campos .parent-menu-collapsed .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.parent-menu-collapsed {
  margin-top: 1rem;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.parent-menu-collapsed .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.parent-menu-collapsed {
  gap: 0.5rem;
  overflow: hidden;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.parent-menu-icon-name-collapsed-wrapper {
  display: flex;
  width: 100% !important;
  flex-direction: column;
  gap: 0.5rem;
  overflow: hidden;
}

.parent-menu-icon-collapsed-wrapper {
  display: flex;
  justify-content: center;
}

.parent-menu-icon-name-collapsed-wrapper .parent-menu-entry {
  white-space: normal !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 0.6rem !important;
  font-weight: 900;
}

.parent-menu-entry {
  box-sizing: border-box;
  display: block;
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim-high) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.parent-menu-entry-icon-collapsed {
  flex-shrink: 0;
  display: flex;
  height: 0.75rem;
  flex-grow: 1;
  justify-content: flex-end;
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary) / var(--tw-text-opacity, 1));
}

.parent-menu-list {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.parent-menu-list-contextmenu {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
  margin-bottom: 0px !important;
}

.parent-menu-list-contextmenu .child-menu {
  padding-left: 0.5rem !important;
}

.parent-menu-list-contextmenu .sub-menu {
  padding-left: 0.5rem !important;
}

.parent-menu-list-contextmenu .pbc-title-container-context-menu {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

/* Clase para resaltar la entrada cuando tiene foco (ratón o teclado) */

.parent-menu-hover {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim-cont) / var(--tw-bg-opacity, 1));
}

.sub-menu {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.sub-menu .pbc-icon {
  height: 1rem !important;
  width: 1rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

/* Clase que se aplica cuando el submenu está expandido (mostrando hijos) */

.container-botones-campos .sub-menu-hover .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.parent-menu-list-contextmenu .sub-menu-hover {
  padding-left: 0.5rem !important;
}

.sub-menu-hover {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.sub-menu-hover .pbc-icon {
  height: 1rem !important;
  width: 1rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.sub-menu-list .sub-menu-hover {
  padding-left: 0.5rem !important;
}

.sub-menu-hover {
  cursor: pointer;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1)) !important;
}

.sub-menu-hover .sub-menu-entry {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface-cont) / var(--tw-text-opacity, 1));
}

.sub-menu-hover .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface-cont) / var(--tw-text-opacity, 1));
}

.sub-menu-icon {
  flex-shrink: 0;
}

.sub-menu-list {
  display: flex;
  flex-direction: column;
}

.sub-menu-entry {
  margin-left: 1rem;
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim-high) / var(--tw-text-opacity, 1));
}

.sub-menu-list .child-menu {
  padding-left: 0.5rem !important;
}

.sub-menu-list .sub-menu {
  padding-left: 0.5rem !important;
}

.sub-menu-context-menu .pbc-title-container-context-menu {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

/* Clase para resaltar la entrada cuando tiene foco de navegación (ratón o teclado), distinta de cuando está expandida */

.container-botones-campos .sub-menu-navigation-hover .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.sub-menu-navigation-hover {
  cursor: pointer;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1)) !important;
}

.sub-menu-navigation-hover .sub-menu-entry {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface-cont) / var(--tw-text-opacity, 1));
}

.sub-menu-navigation-hover .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface-cont) / var(--tw-text-opacity, 1));
}

.child-menu {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  display: flex !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 1.5rem !important;
}

.child-menu .pbc-icon {
  height: 1rem !important;
  width: 1rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.child-menu-icon {
  flex-shrink: 0;
}

.child-menu-entry {
  margin-left: 1rem;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

/* Clase para resaltar la entrada cuando tiene foco (ratón o teclado) */

.container-botones-campos .child-menu-hover .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.child-menu-hover {
  cursor: pointer;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1)) !important;
}

.child-menu-hover .child-menu-entry {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface-cont) / var(--tw-text-opacity, 1));
}

.child-menu-hover .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface-cont) / var(--tw-text-opacity, 1));
}

.breadcrumb-menu {
  margin-bottom: 0.25rem !important;
  margin-top: 1rem;
  display: flex !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center !important;
  padding-bottom: 0.5rem !important;
}

.breadcrumb-menu-entry {
  margin-left: 1rem;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.tab-container {
  display: flex;
  height: 100%;
  flex-direction: column;
  font-weight: 500;
}

.tab-container-logo {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

/* Logo del tab vacío */

.tab-container-logo .pbc-icon {
  height: 100%;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.tab-container-header {
  display: flex;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
  padding-right: 0.5rem;
  padding-top: 1.5rem;
}

.tab-container-items {
  display: flex;
  flex-grow: 1;
  align-items: center;
  overflow: hidden;
}

/* Creamos un div fijo para mantener el ancho aunque no se pinten las flechas */

.scroll-button {
  width: 2.5rem;
  flex: none;
}

.tab-container-content {
  flex-grow: 1;
  overflow: hidden;
  border-top-left-radius: 0.5rem;
  border-top-width: 1px;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
}

.boton-cerrar-todas {
  height: 30px !important;
  min-height: 0px !important;
  width: 30px !important;
  min-width: 0px !important;
}

.boton-cerrar-todas-container {
  display: flex;
}

.boton-cerrar-todas-container .button-icon .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.tab {
  display: flex;
  height: 35px;
  width: 160px;
  align-content: center;
  align-items: center;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.tab:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim-cont) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary) / var(--tw-text-opacity, 1));
}

.active-tab {
  display: flex;
  height: 35px;
  width: 160px;
  align-content: center;
  align-items: center;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1));
}

.inactive-tab-container {
  display: flex;
  flex-grow: 1;
  align-items: center;
  overflow: hidden;
}

.tab-name-activo {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: clip;
  text-wrap: nowrap;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
  padding-left: 0.25rem;
}

.tab-name-inactivo {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: clip;
  text-wrap: nowrap;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
  padding-left: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.boton-cerrar-tab-container {
  padding-right: 0.125rem;
  padding-left: 0.5rem;
}

.boton-cerrar-tab-inactivo {
  border-style: none;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1)) !important;
}

.container-botones-campos .boton-cerrar-tab-inactivo:hover .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.boton-cerrar-tab-inactivo:hover {
  cursor: pointer;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-on-surface-dim-low) / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-surface-dim) / var(--tw-text-opacity, 1)) !important;
}

.boton-cerrar-tab-activo {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1)) !important;
}

.container-botones-campos .boton-cerrar-tab-activo:hover .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.boton-cerrar-tab-activo:hover {
  cursor: pointer;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-on-primary) / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1)) !important;
  opacity: 0.5;
}

.icon-tab-inactivo {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1)) !important;
}

.icon-tab-activo {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1)) !important;
}

.tab-drag-selected {
  cursor: grabbing;
  opacity: 0.5;
}

.tab-drag-left-active {
  border-left-width: 8px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-accent) / var(--tw-border-opacity, 1));
}

.tab-drag-right-active {
  border-right-width: 8px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-accent) / var(--tw-border-opacity, 1));
}

.tab-separator {
  height: 18px;
  width: 2px;
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
}

.tab-separator-hidden {
  height: 18px;
  width: 2px;
  border-style: none;
}

.container-modal-filtros-dinamicos {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.header-modal-filtros-dinamicos {
  display: flex;
  padding-left: 1.5rem;
  padding-right: 1rem;
}

.seccion-title-filtros-dinamicos {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  align-self: center;
}

.seccion-body-filtros-dinamicos {
  display: flex;
  min-height: 78%;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.seccion-body-filtros-dinamicos .button-icon {
  position: absolute;
  bottom: 10.45%;
  margin: 0px;
  padding: 0.5rem;
  padding-bottom: 1rem;
  padding-left: -1rem;
  padding-right: 0px;
}

.container-title-filtros-dinamicos {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.container-title-filtros-dinamicos .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-accent) / var(--tw-text-opacity, 1));
}

.title-filtros-dinamicos {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-high) / var(--tw-text-opacity, 1));
}

.subtitle-filtros-dinamicos {
  margin-left: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.boton-cerrar-modal-seccion-title {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}

.container-botones-campos .boton-cerrar-modal-seccion-title div .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.boton-cerrar-modal-seccion-title div {
  cursor: pointer;
}

.boton-cerrar-modal-seccion-title .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.container-operador-logico {
  margin: 0px;
  width: 30%;
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.container-filtros {
  display: flex;
  flex-direction: column;
  overflow: auto;
  overflow-x: hidden;
  padding: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.container-filtros::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}

.container-filtros::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}

.container-filtros::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}

.container-filtros::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}

.container-filtros::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}

.container-filtros::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}

.container-filtros::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}

.container-filtros::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}

.container-filtros::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}

.container-filtros {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}

.container-filtros::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}

.condicion-filtro {
  position: relative;
  display: flex;
  gap: 0.5rem;
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
  padding-right: 1.5rem;
}

.condicion-filtro .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.valor-filtro-bool {
  display: flex;
  width: 100%;
}

.valor-filtro-bool .pbc-labeledcheckbox {
  padding-top: 0.5rem;
  padding-bottom: 0px;
}

.valor-filtro-bool .pbc-labeledcheckbox-input {
  height: 1.6rem;
  width: 1.6rem;
  align-self: center;
}

.boton-eliminar-filtro-container {
  margin-inline-start: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
}

.condicion-filtro:hover .boton-eliminar-filtro-container {
  right: 10%;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-outline) / var(--tw-bg-opacity, 1));
}

.botones-filtros-dinamicos {
  display: flex;
  min-height: 4rem;
  flex-grow: 1;
  align-items: flex-end;
  align-items: center;
  gap: 0.625rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.seccion-body-filtros-dinamicos .boton-principal {
  top: 20%;
  right: 5%;
  max-height: 2rem;
  padding: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.seccion-body-filtros-dinamicos .button-icon {
  padding: 0px;
  padding-bottom: 0.5rem;
}

.seccion-botones-cancelar-aplicar {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  gap: 0.5rem;
}

.header-modal-filtros {
  display: flex;
  min-height: 5rem;
  justify-content: space-between;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
}

.header-modal-filtros .boton-secundario {
  position: static;
  margin-bottom: 0.25rem;
  align-self: center;
  padding: 0.5rem;
}

.button-icon {
  display: flex;
  min-height: 2.5rem;
  min-width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  text-align: center;
}

.container-botones-campos .button-icon:hover .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.button-icon:hover {
  cursor: pointer;
}

.button-icon:active {
  --tw-brightness: brightness(1.2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.button-icon:disabled:hover {
  --tw-brightness: brightness(1) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.button-icon-icono {
  /* Ejemplo de sintaxis de filtros para cambiar el color de los svg */
  /* @apply filter invert-[.22] sepia-[.83] saturate-[24.29] hue-rotate-[269deg] brightness-[.95] contrast-[.92]; */
  height: 1.5rem !important;
  width: 1.5rem !important;
}

.button-icon-text {
  margin: auto;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

/* Implementaciones espécificas de los botones */

.boton-principal {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.boton-principal:hover {
  --tw-brightness: brightness(1.2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.boton-principal .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1));
}

.boton-principal:focus {
  outline-color: rgb(var(--color-primary) / 1) !important;
}

.boton-principal:focus-visible {
  outline-color: rgb(var(--color-primary) / 1) !important;
}

.boton-principal:disabled {
  cursor: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-on-surface-low) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.boton-principal:disabled .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.boton-secundario {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.boton-secundario:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
}

.boton-secundario .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.boton-secundario:focus {
  outline-color: rgb(var(--color-primary) / 1) !important;
}

.boton-secundario:focus-visible {
  outline-color: rgb(var(--color-primary) / 1) !important;
}

.boton-terciario {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-on-surface-low) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.boton-terciario:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
}

.boton-terciario .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.boton-terciario:disabled {
  border-style: none;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.boton-terciario:focus {
  outline-color: rgb(var(--color-on-surface-low) / 1) !important;
}

.boton-terciario:focus-visible {
  outline-color: rgb(var(--color-on-surface-low) / 1) !important;
}

.boton-opcional .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface) / var(--tw-text-opacity, 1));
}

.boton-error .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* Clases para estilar los inputs dentro del proyecto Cliente TODO Algunos solo se utilizan en el LabeledGenericInput, eliminar cuando se elimine este componente */

.label {
  font-weight: 500;
}

/* Estilos para hacer un input de buscador*/

.input-search-container {
  position: relative;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  display: flex;
  align-items: flex-end;
  padding-top: 1rem;
}

.input-search-container input {
  height: 2rem;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-cont) / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1)) !important;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.input-search-container input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.input-search-container .pbc-icon {
  position: absolute;
  right: 0px;
  bottom: 5px;
  margin-right: 0.5rem;
  height: 1.25rem !important;
  width: 1.25rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.boton-limpiar-busqueda :hover .pbc-icon {
  border-radius: 0.375rem;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-surface-dim-cont) / var(--tw-bg-opacity, 1)) !important;
}

/* Clases para estilar los inputs que se están importando del proyecto de componentes de Proconsi */

.pbc-input-required {
  margin-left: 0.125rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-error) / var(--tw-text-opacity, 1));
}

.pbc-input {
  height: 2.5rem !important;
  width: 100%;
  padding-left: 0.5rem !important;
}

.pbc-readonly {
  height: 2.5rem !important;
  width: 100%;
  padding-left: 0.5rem !important;
}

.pbc-label-value {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1)) !important;
}

.pbc-readonly-value {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1)) !important;
}

.pbc-input-label {
  font-weight: 700 !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.pbc-readonly-label {
  font-weight: 700 !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.pbc-label-value-textarea {
  overflow: auto;
  background-color: inherit;
}

.pbc-readonly-value-textarea {
  overflow: auto;
  background-color: inherit;
}

.container-botones-campos .pbc-checkbox-input .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.pbc-checkbox-input {
  cursor: pointer;
}

.container-botones-campos .pbc-checkbox-readonly .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.pbc-checkbox-readonly {
  cursor: pointer;
}

.selector-campos {
  display: flex;
  max-height: 90%;
  width: 90%;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#selector-camposdisponibles {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
}

#selector-camposseleccionados {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
}

.info-selector-campos {
  width: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.lista-selector-campos {
  margin: 1rem;
  margin-top: 0.5rem;
  list-style-type: none;
}

.elemento-listado .container-px-campo-visible .pbc-labeledinput-number {
  margin-top: -0.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.input-ancho-campos:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* personalizacion de las sombras tanto del div contenedor como de cada uno de los elementos */

/* Sombras aplicadas al contenedor de la lista */

.container-shadow-bottom {
  --tw-shadow-color: rgb(var(--color-outline) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}

#selector-camposseleccionados.container-shadow-bottom {
  --tw-shadow-color: rgb(var(--color-primary) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}

/* Sombras aplicadas a los elementos de los listados */

.element-shadow-bottom {
  --tw-shadow-color: rgb(var(--color-outline) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}

.element-shadow-top {
  --tw-shadow-color: rgb(var(--color-outline) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}

.action-button-selector-campos {
  display: flex;
  width: 100%;
  place-content: end;
  padding-right: 1.5rem;
}

.footer-selector-campos {
  position: absolute;
  bottom: 0px;
  margin-right: 0px;
  display: flex;
  min-height: 10%;
  width: 100%;
  align-items: center;
  border-radius: 0.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.action-button-selector-campos .boton-secundario {
  position: absolute;
  left: 2.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.boton-secundario .button-icon-icono {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.action-button-selector-campos .boton-principal {
  margin-right: 1.5rem;
}

.texto-px-selector-campos {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.container-px-campo-visible {
  margin-left: 0.25rem;
  display: flex;
  height: auto;
  max-height: 3rem;
  width: 30%;
}

.revertir-cambios-text {
  margin: auto;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.container-botones-campos .revertir-cambios-text:hover .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.revertir-cambios-text:hover {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

#selector-camposdisponibles .lista-selector-campos .elemento-listado {
  min-height: 2rem !important;
}

.selector-body-content {
  display: flex;
  height: 80%;
  max-height: 80%;
  flex-grow: 1;
  place-content: center;
}

.selector-flechas-posicion {
  margin-right: 0px;
}

.info-selector-campos-container {
  display: flex;
  min-height: 5%;
}

.erp-suggestion {
}

.erp-suggestion .pbc-context-menu {
  width: -moz-fit-content !important;
  width: fit-content !important;
  min-width: 350px !important;
}

.suggestion-container {
  position: relative;
  display: flex;
  width: 100%;
}

.suggestion-container .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.suggestion-column {
  overflow: hidden;
  padding: 0.5rem;
  text-align: left;
  font-weight: 700;
}

.suggestion-column-last {
  width: 100%;
}

.suggestion-row {
  overflow: hidden;
  white-space: nowrap;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  padding: 0.5rem;
}

.suggestion-row-td {
  width: 100%;
  max-width: 350px;
}

.suggestion-unselected-row {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.container-botones-campos .suggestion-selected-row .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.suggestion-selected-row {
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1));
}

.input-text-suggestion-container {
  width: 100%;
}

.input-text-suggestion {
  height: 2.5rem !important;
  width: 100%;
  text-overflow: ellipsis;
  padding-left: 0.25rem;
  padding-right: 50px;
}

.input-text-suggestion:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.input-text-suggestion-error {
  height: 2.5rem !important;
  width: 100%;
  text-overflow: ellipsis;
  padding-left: 0.25rem;
  padding-right: 50px;
}

.input-text-suggestion-error:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.input-text-suggestion-error {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-error) / var(--tw-border-opacity, 1)) !important;
}

.input-text-suggestion-error:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1)) !important;
}

.suggestion-input-validation-message-container {
  height: 1.2rem;
  display: flex;
  color: red;
  overflow: hidden;
}

.suggestion-input-validation-message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.suggestion {
  z-index: 50;
  display: inline-block;
  max-height: 250px;
  min-height: 80px;
  width: 100%;
  overflow-y: auto;
  border-radius: 0.25rem;
  padding: 1rem;
}

.suggestion::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}

.suggestion::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}

.suggestion::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}

.suggestion::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}

.suggestion::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}

.suggestion::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}

.suggestion::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}

.suggestion::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}

.suggestion::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}

.suggestion {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}

.suggestion::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}

.suggestion-table {
  width: 100%;
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
}

.seccion-botones-suggestion {
  position: absolute;
  right: 0px;
  bottom: 9px;
  display: flex;
}

.seccion-botones-suggestion .button-icon {
  margin-right: 0.5rem;
  min-height: 0px;
  min-width: 0px;
}

.button-vaciar-valor-input-suggestion :hover {
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-on-surface-low) / var(--tw-bg-opacity, 1));
}

.button-vaciar-valor-input-suggestion .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.button-vaciar-valor-input-suggestion :hover .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.modal-suggestion {
  overflow: hidden;
}

.texto-informacion-suggestion-container {
  padding-top: 0px !important;
}

.texto-informacion-suggestion {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.erp-suggestion .pbc-context-menu {
  padding: 0px !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.erp-suggestion .pbc-body-context-menu {
  padding: 0px !important;
}

.paginator {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.paginator .button-icon-icono {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.paginator-botonera {
  display: flex;
  gap: 3px;
}

.paginator-botonera input {
  height: 1.5rem !important;
  width: 2.5rem;
  text-align: center;
}

.paginator-botonera .button-icon {
  min-height: 0.5rem !important;
  min-width: 0.5rem !important;
}

.paginator-botonera-interno {
  align-items: baseline;
  display: flex;
  padding-right: 0.25rem;
}

.paginator-botonera-interno .input-text {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.paginator-botonera-interno .pbc-labeledinput-number .pbc-input {
  margin-top: 0px;
}

.paginator-registros {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-high) / var(--tw-text-opacity, 1));
}

.paginator-registros-por-pagina {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.paginator-registros-por-pagina > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.paginator-registros-por-pagina select {
  height: 1.5rem;
}

.paginator-registros-por-pagina .form-control {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-paginator {
}

.button-paginator:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim-cont) / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.button-paginator .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.button-paginator:disabled .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-disabled) / var(--tw-text-opacity, 1));
  filter: none;
}

.button-paginator:disabled:hover {
  background-color: transparent !important;
}

.input-pagina-actual {
  margin-top: 0px;
  margin-right: 0.25rem;
}

.pagina-actual-text{
  border: 1px solid;
  border-radius:0.25rem;
  margin-right: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.total-paginas-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.selector-idioma {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.selector-idioma label {
  display: flex;
  align-items: center;
  padding-right: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

/* Estilos para el menú contextual */

.pbc-context-menu {
  width: 350px !important;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1)) !important;
  box-shadow: var(--default-shadow) 0px 8px 24px;
}

.pbc-title-container-context-menu {
  border-bottom-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1)) !important;
}

/* Estilos para las secciones del menú */

.pbc-title-section-context-menu {
  font-weight: 400 !important;
}

/* Estilos para los elementos del menú */

.pbc-item-context-menu:hover {
  border-radius: 0.375rem !important;
}

.pbc-icon-container-item-context-menu {
  margin-right: 0.625rem !important;
  height: 2.5rem !important;
  width: 2.5rem !important;
  border-radius: 0.375rem !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1)) !important;
}

.pbc-title-item-context-menu {
  font-weight: 700 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-high) / var(--tw-text-opacity, 1)) !important;
}

.erp-context-menu-show-delete-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-error) / var(--tw-text-opacity, 1));
}

.erp-context-menu-show-glosario-hotkeys {
  height: 1.25rem !important;
  width: 1.25rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1)) !important;
}

.erp-context-menu-edit-glosario-hotkeys {
  height: 1.25rem !important;
  width: 1.25rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1)) !important;
}

.erp-context-menu-add-glosario-hotkeys {
  height: 1.25rem !important;
  width: 1.25rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1)) !important;
}

.item-context-menu-selector-campos .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.item-context-menu-exportacion-xlsx .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
  color: darkgreen;
}

.item-context-menu-exportacion-csv .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
  color: royalblue;
}

.item-context-menu-exportacion-pdf .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
  color: darkred;
}

.item-context-menu-exportacion-otros .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
  color: dimgrey;
}

.item-context-menu-glosario-hotkeys .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.erp-context-menu-row {
  width: 200px !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.erp-context-menu-row .pbc-body-context-menu {
  padding: 0px !important;
}

.erp-context-menu-row .pbc-body-section-context-menu {
  margin-top: 0px !important;
}

.erp-section-context-menu-row {
  margin-top: 0px !important;
}

.erp-context-menu-row .pbc-item-context-menu {
  align-items: center;
  padding: 0px !important;
}

.erp-context-menu-row .pbc-icon-container-item-context-menu {
  margin-right: 0px !important;
  border-width: 0px !important;
}

.erp-context-menu-row .pbc-title-description-container-item-context-menu {
  font-size: 0.82rem;
}

.erp-context-menu-row .pbc-title-item-context-menu {
  font-weight: 400 !important;
}

.erp-context-menu-row .pbc-icon-container-item-context-menu {
  height: 2.5rem !important;
  width: 2.5rem !important;
}

.erp-context-menu-row .pbc-icon {
  height: 1.25rem;
  width: 1.25rem;
}

.erp-context-menu-row-separator {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  margin-left: 0.25rem !important;
  width: 180px !important;
}

.erp-context-menu-row-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-high) / var(--tw-text-opacity, 1));
}

.erp-context-menu-row-delete-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-error) / var(--tw-text-opacity, 1));
}

.embebido-detalles .browse-toolbar {
  margin-bottom: 1rem !important;
}

.browse-toolbar {
  margin-bottom: 1.5rem;
}

.browse-toolbar .template-separator {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.browse-toolbar .button-icon {
  min-height: 2rem !important;
  min-width: 2rem !important;
}

.browse-toolbar .pbc-icon {
  width: 1.5rem !important;
}

.browse-toolbar-title {
  margin-right: 0.5rem;
}

.browse-toolbar-content {
  display: flex;
  height: 4rem;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 0.5rem;
  padding-top: 1.25rem;
}

.embebido-detalles .browse-toolbar-content {
  height: 40px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0.5rem !important;
}

.pbc-modal-body .browse-toolbar-content {
  padding-top: 0px !important;
}

/* Elementos internos de las toolbars */

.toolbar-entity-icon {
  margin-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-accent) / var(--tw-text-opacity, 1));
}

.embebido-detalles .titulo-botonera {
  margin-left: 2rem !important;
}

.titulo-botonera {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
}

.embebido-detalles .titulo-botonera h1 {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.titulo-botonera h1 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-high) / var(--tw-text-opacity, 1));
}

.titulo-botonera .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.botonera-principal {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
}

.botonera-principal > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.browse-filters-search {
  display: flex;
  align-items: center;
}

.browse-filters-search > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.browse-filters-search .pbc-icon {
  margin-bottom: 0.25rem;
}

.browse-filters-search .input-search-container {
  margin-left: 0.5rem;
  padding: 0px !important;
}

.browse-filters-search input {
  height: 2.5rem !important;
  width: 250px;
}

.botonera-filtros-dinamicos {
  position: relative;
}

.boton-filtros-dinamicos {
  margin-top: 0.25rem;
}

.boton-filtros-dinamicos .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.boton-hover-background:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim-cont) / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.boton-configuracion .pbc-icon {
  height: 1.25rem !important;
}

.notificacion-filtro-aplicado {
  position: absolute;
  right: 0px;
  top: 0px;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-error) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.notificacion-filtro-aplicado-numero {
  font-size: 10px;
}

.notificacion-filtro-aplicado-estrella {
  font-size: 14px;
}

/* Clases para conseguir que el checkbox funcione como un switcher */

/* Este es el estilo del label en el que vamos a contener nuestro switcher */

.checkbox-container {
  display: block;
  width: var(--switch-width);
  margin-top: .3rem;
  --switch-width: 2.4rem;
  --switch-height: calc(var(--switch-width) / 1.9);
  --switch-border-radius: calc(var(--switch-height) / 2);
}

/* Este estilo es necesario para que no se muestre el combo en su modo básico */

.checkbox-input {
  display: none;
}

.checkbox-readonly {
  display: none;
}

/* Este estilo es necesario para que no se muestre el combo en su modo básico */

.pbc-checkbox-input {
  display: flex;
}

.pbc-checkbox-readonly {
  display: flex;
}

.pbc-labeledcheckbox-input {
  display: flex;
}

.pbc-labeledcheckbox-readonly {
  display: flex;
}

/* Este es el estilo del relleno del switcher cuando aún no se ha activado */

.checkbox-fill {
  position: relative;
  width: 100%;
  height: calc(var(--switch-height) - 0.3rem);
  border-radius: var(--switch-border-radius);
  transition: background 0.1s;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-on-surface-low) / var(--tw-bg-opacity, 1));
}

.checkbox-fill:focus {
  --tw-shadow: 0 0 0 3px rgba(60,121,148,0.5);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: none;
}

/* este es el color de fondo que se muestra cuando se encuentra activado el input */

.checkbox-input:checked ~ .checkbox-fill {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
}

.checkbox-readonly:checked ~ .checkbox-fill {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
}

/* este es el color de fondo que se muestra cuando se encuentra activado el input */

.pbc-checkbox-input:checked ~ .checkbox-fill {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
}

.pbc-checkbox-readonly:checked ~ .checkbox-fill {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
}

.checkbox-fill::after {
  content: "";
  position: relative;
  display: block;
  top: -.2rem;
  left: 0;
  height: var(--switch-height);
  width: var(--switch-height);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: var(--switch-border-radius);
  transition: transform 0.1s;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-on-primary) / var(--tw-bg-opacity, 1));
}

/* Este es el movimiento del switcher*/

.checkbox-input:checked ~ .checkbox-fill::after {
  transform: translateX(var(--switch-height));
}

.checkbox-readonly:checked ~ .checkbox-fill::after {
  transform: translateX(var(--switch-height));
}

/* Este es el movimiento del switcher*/

.pbc-checkbox-input:checked ~ .pbc-checkbox-fill::after {
  transform: translateX(var(--switch-height));
}

.switcher-disabled{
  opacity: 0.4;
}

.input-suggestion-container {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
}

.container-botones-campos .suggestion-input .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.suggestion-input {
  position: relative;
  margin-bottom: 1rem !important;
  margin-top: 0.3rem;
  display: flex;
  height: auto;
  width: 100%;
  cursor: pointer;
  align-self: flex-start;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  border-left-width: 4px;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-left-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.suggestion-input:hover {
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-cont) / var(--tw-bg-opacity, 1));
}

.suggestion-input:hover .suggestion-input-icon {
  visibility: visible;
}

/* Se ajusta el padding superior por los espacios en blanco presentes en los svg */

.suggestion-input-acciones {
  position: absolute;
  right: 0px;
  display: flex;
  padding: 0.5rem;
  padding-top: 0.26rem;
}

.suggestion-input-acciones .pbc-icon {
  margin: 0.25rem;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.375rem;
}

.suggestion-input-icon {
  visibility: hidden;
}

.container-botones-campos .suggestion-input-icon:hover .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.suggestion-input-icon:hover {
  cursor: pointer;
  --tw-brightness: brightness(1.2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.suggestion-input-data {
  z-index: 10;
  display: flex;
  min-width: 80%;
  max-width: 85%;
  flex-direction: column;
  overflow: hidden;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.suggestion-input-nombre {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}

.suggestion-input-descripcion {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 0.5rem;
}

.suggestion-input-descripcion .label-value {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
}

.suggestion-input-empty {
  margin-bottom: 1rem;
  margin-top: 0.3rem;
  display: flex;
  height: auto;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.svg-container {
  position: absolute;
  right: 0px;
  top: 0;
  right: 10%;
  z-index: 0;
  margin: 0px;
  height: 100%;
  width: 100%;
  max-width: 100%;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
  opacity: 0.25;
}

.error-container {
  position: relative;
  display: flex;
  min-width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.error-container .pbc-icon-wrapper {
  display: flex;
  place-content: center;
  align-items: center;
  justify-content: center;
}

.error-container {
  min-height: 90vh;
}

.error-content {
  position: relative;
  display: flex;
  min-width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.error-content .pbc-icon-wrapper {
  display: flex;
  place-content: center;
  align-items: center;
  justify-content: center;
}

.error-content {
  min-height: 40vh;
  min-width: 40%;
  justify-content: flex-start;
}

.show-error-icon {
  height: 5vh;
  width: 5%;
  align-self: center;
}

.error-message {
  place-content: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.warning-error-icon {
  align-self: center;
  --tw-text-opacity: 1;
  color: rgb(var(--color-accent) / var(--tw-text-opacity, 1));
}

.pbc-confirm-button {
  height: 2.5rem !important;
  border-radius: 0.375rem !important;
}

.seccion-body-filtros-dinamicos .pbc-confirm-button-accept {
  top: 20%;
  right: 5%;
  max-height: 2rem;
  padding: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.pbc-confirm-button-accept {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pbc-confirm-button-accept:hover {
  --tw-brightness: brightness(1.2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.pbc-confirm-button-accept .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1));
}

.pbc-confirm-button-accept:focus {
  outline-color: rgb(var(--color-primary) / 1) !important;
}

.pbc-confirm-button-accept:focus-visible {
  outline-color: rgb(var(--color-primary) / 1) !important;
}

.pbc-confirm-button-accept:disabled {
  cursor: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-on-surface-low) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.pbc-confirm-button-accept:disabled .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.action-button-selector-campos .pbc-confirm-button-accept {
  margin-right: 1.5rem;
}

.pbc-confirm-body::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}

.pbc-confirm-body::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}

.pbc-confirm-body::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}

.pbc-confirm-body::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}

.pbc-confirm-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}

.pbc-confirm-body::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}

.pbc-confirm-body::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}

.pbc-confirm-body::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}

.pbc-confirm-body::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}

.pbc-confirm-body {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}

.pbc-confirm-body::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}

.erp-confirma-delete {
}

.erp-confirma-delete .pbc-confirm-buttons-container {
  justify-content: flex-end !important;
  gap: 1rem;
}

.erp-confirma-delete .pbc-confirm-button-accept {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-error) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.erp-confirma-delete .pbc-confirm-button-accept .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.erp-confirma-delete .pbc-confirm-button-accept:focus {
  outline-color: rgb(var(--color-error) / 1) !important;
}

.erp-confirma-delete .pbc-confirm-button-accept:focus-visible {
  outline-color: rgb(var(--color-error) / 1) !important;
}

.erp-confirma-delete .pbc-confirm-button-accept {
  border-radius: 0.375rem !important;
}

.erp-confirma-delete .pbc-confirm-button-cancel {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-on-surface-low) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.erp-confirma-delete .pbc-confirm-button-cancel:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
}

.erp-confirma-delete .pbc-confirm-button-cancel .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.erp-confirma-delete .pbc-confirm-button-cancel:disabled {
  border-style: none;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.erp-confirma-delete .pbc-confirm-button-cancel:focus {
  outline-color: rgb(var(--color-on-surface-low) / 1) !important;
}

.erp-confirma-delete .pbc-confirm-button-cancel:focus-visible {
  outline-color: rgb(var(--color-on-surface-low) / 1) !important;
}

.erp-confirma-delete .pbc-confirm-button-cancel {
  border-radius: 0.375rem !important;
}

.erp-confirma-cierre {
}

.erp-confirma-cierre .pbc-confirm-buttons-container {
  justify-content: flex-end !important;
  gap: 1rem;
}

.erp-confirma-cierre .pbc-confirm-button-accept {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-error) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.erp-confirma-cierre .pbc-confirm-button-accept .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.erp-confirma-cierre .pbc-confirm-button-accept:focus {
  outline-color: rgb(var(--color-error) / 1) !important;
}

.erp-confirma-cierre .pbc-confirm-button-accept:focus-visible {
  outline-color: rgb(var(--color-error) / 1) !important;
}

.erp-confirma-cierre .pbc-confirm-button-accept {
  border-radius: 0.375rem !important;
}

.erp-confirma-cierre .pbc-confirm-button-cancel {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-on-surface-low) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.erp-confirma-cierre .pbc-confirm-button-cancel:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
}

.erp-confirma-cierre .pbc-confirm-button-cancel .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.erp-confirma-cierre .pbc-confirm-button-cancel:disabled {
  border-style: none;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.erp-confirma-cierre .pbc-confirm-button-cancel:focus {
  outline-color: rgb(var(--color-on-surface-low) / 1) !important;
}

.erp-confirma-cierre .pbc-confirm-button-cancel:focus-visible {
  outline-color: rgb(var(--color-on-surface-low) / 1) !important;
}

.erp-confirma-cierre .pbc-confirm-button-cancel {
  border-radius: 0.375rem !important;
}

.erp-confirma-aceptar {
  height: 100%;
}

.erp-confirma-aceptar .pbc-confirm-buttons-container {
  justify-content: flex-end !important;
  gap: 1rem;
}

.seccion-body-filtros-dinamicos .erp-confirma-aceptar .pbc-confirm-button-accept {
  top: 20%;
  right: 5%;
  max-height: 2rem;
  padding: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.erp-confirma-aceptar .pbc-confirm-button-accept {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.erp-confirma-aceptar .pbc-confirm-button-accept:hover {
  --tw-brightness: brightness(1.2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.erp-confirma-aceptar .pbc-confirm-button-accept .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1));
}

.erp-confirma-aceptar .pbc-confirm-button-accept:focus {
  outline-color: rgb(var(--color-primary) / 1) !important;
}

.erp-confirma-aceptar .pbc-confirm-button-accept:focus-visible {
  outline-color: rgb(var(--color-primary) / 1) !important;
}

.erp-confirma-aceptar .pbc-confirm-button-accept:disabled {
  cursor: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-on-surface-low) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.erp-confirma-aceptar .pbc-confirm-button-accept:disabled .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.action-button-selector-campos .erp-confirma-aceptar .pbc-confirm-button-accept {
  margin-right: 1.5rem;
}

.erp-confirma-aceptar .pbc-confirm-button-accept {
  border-radius: 0.375rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-info) / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.erp-confirma-aceptar .pbc-confirm-button-cancel {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-on-surface-low) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.erp-confirma-aceptar .pbc-confirm-button-cancel:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
}

.erp-confirma-aceptar .pbc-confirm-button-cancel .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.erp-confirma-aceptar .pbc-confirm-button-cancel:disabled {
  border-style: none;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.erp-confirma-aceptar .pbc-confirm-button-cancel:focus {
  outline-color: rgb(var(--color-on-surface-low) / 1) !important;
}

.erp-confirma-aceptar .pbc-confirm-button-cancel:focus-visible {
  outline-color: rgb(var(--color-on-surface-low) / 1) !important;
}

.erp-confirma-aceptar .pbc-confirm-button-cancel {
  border-radius: 0.375rem !important;
}

/* Contenedor principal del código QR */

.qr-container {
  position: relative;
  height: 20rem;
  width: 20rem;
}

.qr-container .pbc-icon {
  height: 3.5rem !important;
  width: 3.5rem !important;
}

/* Imagen de fondo (código QR en sí) */

.qr-background {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Imagen superpuesta (logo o ícono dentro del QR) */

.qr-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
}

/* En el caso de eliminar este archivo, revisar el Tailwind.config, ya que estas clases estan presentes en el  */

.default-resaltar-resultado-posicion-mayor {
  margin-top: 0.5rem;
  --tw-shadow: rgba(0,0,15,0.5) 5px -5px 3px 0px;
  --tw-shadow-colored: 5px -5px 3px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.default-resaltar-resultado-posicion-menor {
  margin-top: 0.5rem;
  --tw-shadow: rgba(0,0,15,0.5) -5px 5px 3px 0px;
  --tw-shadow-colored: -5px 5px 3px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.default-drag-item {
  min-height: 2.5rem;
  min-width: 12rem;
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary) / var(--tw-text-opacity, 1));
}

.default-drag-container {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  min-height: 2.5rem;
  min-width: 15rem;
  max-width: 15rem;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
}

.erp-flag-component-container {
  display: flex;
  align-items: center;
}

.erp-flag-component-container .pbc-icon {
  border-radius: 20px;
}

.erp-flag-component-language-text {
  margin-left: 0.5rem;
}

.erp-tipo-documento-icon-wrapper-container {
  display: flex;
  align-items: center;
}

.erp-tipo-documento-icon-wrapper-text {
  margin-left: 0.5rem;
}

.erp-true-false-container {
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.erp-true-false-container .pbc-icon {
  height: 0.75rem !important;
  width: 0.75rem !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.erp-tipo-autenticacion-container {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 45px;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  padding: 0.5rem;
  font-size: 10px;
}

.erp-accion-auditoria-container {
  display: flex;
  align-items: center;
}

.erp-accion-auditoria-circle {
  margin-right: 0.25rem;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
}

.auditoria-crud-user-container {
  display: flex;
  align-items: center;
}

.auditoria-crud-user-container .pbc-icon {
  height: 1.25rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.auditoria-crud-user-text {
  margin-left: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.pbc-label-container {
  display: flex;
}

.pbc-label {
  display: flex;
  font-weight: 600;
  align-items: flex-end;
}

.pbc-label-text {
  align-items: center;
}

.erp-glosario-hotkey-container {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 2rem;
}

.erp-glosario-hotkey-container::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}

.erp-glosario-hotkey-container::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}

.erp-glosario-hotkey-container::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}

.erp-glosario-hotkey-container::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}

.erp-glosario-hotkey-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}

.erp-glosario-hotkey-container::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}

.erp-glosario-hotkey-container::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}

.erp-glosario-hotkey-container::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}

.erp-glosario-hotkey-container::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}

.erp-glosario-hotkey-container {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}

.erp-glosario-hotkey-container::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}

.erp-glosario-hotkey-section-title {
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  margin-left: 1rem;
  font-weight: 700;
}

.erp-glosario-hotkey-entrada-container {
  display: grid;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  grid-template-columns: 1fr 1fr;
}

.erp-glosario-hotkey-entrada-descripcion {
  padding-left: 10px;
}

.erp-hotkey-visualizer-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
}

.erp-hotkey-visualizer-key-container {
  display: flex;
  height: 35px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 37px;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.erp-hotkey-visualizer-key-separator {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.erp-licencia-en-vigor-container {
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
}

.base-crud {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
}

.embebido-detalles {
  grid-column: 1 / -1;
}

.erp-browse {
  position: relative;
  display: flex;
  height: 100%;
  flex: 1 1 0%;
  flex-direction: column;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
}

.pbc-modal-body .erp-browse {
  padding-top: 0px !important;
}

.embebido-detalles .erp-browse {
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-top: 0px !important;
}

.erp-browse-footer {
}

.erp-browse-th-defecto {
  position: relative;
  background-color: inherit;
}

.erp-browse-th-derecha {
  position: relative;
  justify-content: flex-end !important;
  background-color: inherit;
  padding-right: 1.25rem;
}

.erp-browse-th-centrado {
  position: relative;
  justify-content: center !important;
  background-color: inherit;
}

.erp-browse-td-defecto {
  position: relative;
  background-color: inherit;
}

.erp-browse-td-derecha {
  position: relative;
  background-color: inherit;
  padding-right: 1.25rem;
  text-align: right;
}

.erp-browse-td-centrado {
  position: relative;
  background-color: inherit;
  text-align: center;
}

.erp-browse-anidado-container {
  width: 80vw;
}

.erp-browse-anidado-th {
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 40 !important;
  min-width: 40px;
  max-width: 40px;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  background-color: inherit;
  padding-left: 0.5rem;
}

.container-botones-campos .erp-browse-anidado-td .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.erp-browse-anidado-td {
  position: sticky;
  left: 0px;
  z-index: 20;
  min-width: 40px;
  max-width: 40px;
  cursor: pointer;
  background-color: inherit;
  padding-left: 0.5rem;
}

.embebido-detalles .erp-browse-footer {
  margin-bottom: 1.75rem !important;
}

.browse-main {
  display: flex;
  height: 100%;
  flex-direction: row;
  overflow: hidden;
}

/* OJO con los width que ha costado un rato que sean dinámicos según si se despliega o no el panel de detalle */

.data-grid-container {
  display: flex;
  width: 100%;
  min-width: 60%;
  max-width: 100%;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

.embebido-detalles .data-grid-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}

.wait-status {
  display: flex;
  justify-content: flex-start;
  padding-left: 1.25rem;
  padding-top: 1.25rem;
}

.wait-status-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: center;
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.waitstatus-absolute .pbc-icon {
  height: 1.5rem;
  width: 1.5rem;
}

/* Valores globales de la tabla */

.data-grid {
  position: relative;
  margin-right: 2rem;
  display: block;
  width: 100%;
  table-layout: fixed;
  overflow: auto;
}

.data-grid::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}

.data-grid::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}

.data-grid::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}

.data-grid::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}

.data-grid::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}

.data-grid::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}

.data-grid::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}

.data-grid::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}

.data-grid::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}

.data-grid {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}

.data-grid::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}

.data-grid-table {
  border-collapse: collapse;
}

/* Cabecera de la tabla */

.data-grid-header {
  height: 40px !important;
  border-bottom-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
}

.data-grid-header th {
  z-index: 30;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  text-align: left;
  font-size: 0.82rem;
  font-weight: 100;
}

.data-grid-header:hover {
  cursor: default;
}

.data-grid-header-onModalSelect {
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 30;
  background-color: inherit;
}

.data-grid-header-checkbox {
  position: sticky;
  top: 0px;
  z-index: 40 !important;
  min-width: 40px;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  background-color: inherit;
  padding-left: 0.5rem;
}

.data-grid-header-options {
  position: sticky;
  top: 0px;
  right: 0px;
  z-index: 30;
  width: 100%;
  min-width: 50px;
  background-color: inherit;
}

.data-grid-header-column {
  position: sticky;
  top: 0px;
  background-color: inherit;
}

.container-botones-campos .data-grid-column-container .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.data-grid-column-container {
  display: flex;
  cursor: pointer;
  align-items: center;
}

.data-grid-column-span {
  overflow: hidden;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.data-grid-column-order-span {
  display: flex;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.data-grid-column-order-span .pbc-icon-wrapper {
  width: 16px;
}

.data-grid-column-order-span .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-low) / var(--tw-text-opacity, 1));
}

.data-grid-column-order-span-asc {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1)) !important;
}

.data-grid-column-order-span-desc {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1)) !important;
}

.center-flex-container .pbc-icon-wrapper {
  display: flex;
  place-content: center;
  align-items: center;
  justify-content: center;
}

.data-grid-column-checkbox {
  position: sticky;
  z-index: 20;
  background-color: inherit;
  padding-left: 0.5rem;
}

.data-grid-column-checkbox input[type="checkbox"]:disabled,
    .data-grid-header-checkbox input[type="checkbox"]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.data-grid-column-options {
  position: sticky;
  right: 0px;
  z-index: 20;
  display: flex;
  height: 2.5rem;
  align-items: center;
  justify-content: flex-end;
  background-color: inherit;
  padding-right: .35rem;
}

.container-botones-campos .data-grid-column-options-button .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.data-grid-column-options-button {
  height: 100%;
  cursor: pointer;
  place-content: center;
  padding-left: 0.5rem;
}

.data-grid-column-options .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.data-grid-link-column-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  --tw-text-opacity: 1;
  color: rgb(var(--color-links) / var(--tw-text-opacity, 1));
}

/* Filas de la tabla */

.data-grid-row {
  height: 2.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-cont) / var(--tw-bg-opacity, 1));
  font-size: 0.82rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.data-grid-row-hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1)) !important;
  font-weight: 500 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1)) !important;
}

.data-grid-row td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Fila seleccionada */

.data-grid-row-selected {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-outline) / var(--tw-bg-opacity, 1)) !important;
  font-weight: 500 !important;
}

.data-grid-row-selected:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-outline) / var(--tw-bg-opacity, 1)) !important;
  font-weight: 500;
}

/* Estilos para el quickview */

.quick-view {
  margin-left: 1.25rem;
  margin-bottom: 1.25rem !important;
  display: flex;
  width: 0px;
  flex-direction: column;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
}

@media (min-width: 768px) {
  .quick-view {
    width: 100%;
    min-width: 20%;
  }
}

.quick-view {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.quick-view .erp-form-container {
  height: 100%;
  border-radius: 0.75rem;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.quick-view .erp-form-header {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  padding-top: 0px !important;
}

.quick-view .erp-form-container-body {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.browse-filters-paginationdata-container {
  margin-right: 0.5rem;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
}

.browse-filters-paginationdata {
  height: -moz-fit-content;
  height: fit-content;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-high) / var(--tw-text-opacity, 1));
}

.container-botones-campos .browse-boton-colapsar .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.browse-boton-colapsar {
  position: absolute;
  top: 7px;
  left: 0px;
  z-index: 10;
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}

.browse-boton-colapsar:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim-cont) / var(--tw-bg-opacity, 1));
}

.browse-boton-colapsar .pbc-icon {
  height: 1.25rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.browse-filaAgrupada-expandCollapseSection {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
}

.browse-filaAgrupada-expandCollapseSection .pbc-icon {
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.container-botones-campos .browse-filaAgrupada-expandCollapse-button .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.browse-filaAgrupada-expandCollapse-button {
  cursor: pointer;
}

.container-botones-campos .link-cell-button .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.link-cell-button {
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
  cursor: pointer;
  border-radius: 0.75rem;
  background-color: inherit;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.link-cell-button .pbc-icon {
  height: 1rem !important;
}

.span-valor-mostrado-link-cell {
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
}

.container-botones-campos .span-valor-mostrado-link-cell:hover .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.span-valor-mostrado-link-cell:hover {
  cursor: pointer;
  text-decoration-line: underline;
}

.span-valor-mostrado-button-link-cell {
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
}

.show-wrapper {
  height: 100%;
}

.show-container {
  height: 100%;
}

/* Estilos para el template de show */

.erp-form-container {
  position: relative;
  box-sizing: content-box;
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}

.container-botones-campos .erp-form-button-volver-listado-wrapper .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.erp-form-button-volver-listado-wrapper {
  margin-left: -31px;
  margin-right: 0.25rem;
  display: flex;
  height: 1.75rem;
  width: -moz-fit-content;
  width: fit-content;
  width: 1.75rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.erp-form-button-volver-listado-wrapper:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-dim-cont) / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.erp-form-button-volver-listado-wrapper .pbc-icon {
  height: 1rem !important;
  width: 1rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.boton-show {
  min-height: 2rem !important;
  min-width: 2rem !important;
}

.erp-form-header {
  margin-top: 1px;
  display: flex;
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
}

.embebido-detalles .erp-form-header {
  margin-left: 0.75rem;
  margin-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
}

.embebido-detalles .erp-form-header-wrapper {
  height: 40px !important;
  border-bottom-width: 0px;
  padding-top: 0.5rem !important;
}

.pbc-modal-body .erp-form-header {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.pbc-modal-body .erp-form-header-wrapper {
  padding-top: 0px !important;
}

.boton-configuracion .pbc-icon {
  height: 1.25rem !important;
}

.boton-edicion .pbc-icon {
  height: 1.25rem !important;
}

.erp-form-header-wrapper {
  position: relative;
  box-sizing: border-box;
  display: flex;
  height: 4rem;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
}

.erp-form-breadcrumb-container {
  display: flex;
  align-items: center;
}

.erp-form-breadcrumb-icon-wrapper {
  position: relative;
  padding-right: 0.25rem;
}

.erp-form-breadcrumb-icon-wrapper .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
  --tw-text-opacity: 1;
  color: rgb(var(--color-accent) / var(--tw-text-opacity, 1));
}

.erp-form-breacrumb-title {
  margin-bottom: 1px;
}

.erp-form-breadcrumb-refresh-wrapper .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.epr-form-breadcrumb-identificador-container {
  display: flex;
  flex-direction: column;
}

.embebido-detalles .erp-form-identificador-principal-container {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.erp-form-identificador-principal-container {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  text-wrap: nowrap;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-high) / var(--tw-text-opacity, 1));
}

.embebido-detalles .erp-form-identificador-principal-estado-pagina {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.erp-form-identificador-principal-estado-pagina {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1));
}

.erp-form-identificador-principal-estado-pagina .pbc-icon {
  height: 1.25rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1)) !important;
}

.erp-form-breadcrumb-text {
  display: flex;
  max-width: 20rem;
  overflow: hidden;
}

.erp-form-breadcrumb-text-identificador {
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.erp-form-identificador-secundario-separator {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  font-weight: 100;
}

.erp-form-breadcrumb-acciones-container {
  padding-left: 1rem;
}

.erp-form-botonera-principal {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
}

.erp-form-botonera-principal > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.erp-form-button-cerrar-quickview {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}

.erp-form-button-cerrar-quickview .pbc-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1)) !important;
}

.erp-form-responsive-container {
  overflow: auto;
}

.erp-form-responsive-container::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}

.erp-form-responsive-container::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}

.erp-form-responsive-container::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}

.erp-form-responsive-container::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}

.erp-form-responsive-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}

.erp-form-responsive-container::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}

.erp-form-responsive-container::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}

.erp-form-responsive-container::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}

.erp-form-responsive-container::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}

.erp-form-responsive-container {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}

.erp-form-responsive-container::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}

.erp-form-button-guardar {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.embebido-detalles .erp-form-container-body {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.erp-form-container-body {
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.erp-form-container-body::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}

.erp-form-container-body::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}

.erp-form-container-body::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}

.erp-form-container-body::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}

.erp-form-container-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}

.erp-form-container-body::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}

.erp-form-container-body::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}

.erp-form-container-body::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}

.erp-form-container-body::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}

.erp-form-container-body {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}

.erp-form-container-body::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}

.container-button-redirect-full-screen {
  display: flex;
  width: 100%;
  flex-grow: 1;
  align-items: flex-end;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-cont) / var(--tw-bg-opacity, 1));
  padding-bottom: 1.25rem;
  padding-top: 0.5rem;
}

.seccion-body-filtros-dinamicos .button-redirect-full-screen {
  top: 20%;
  right: 5%;
  max-height: 2rem;
  padding: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.button-redirect-full-screen {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-redirect-full-screen:hover {
  --tw-brightness: brightness(1.2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.button-redirect-full-screen .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1));
}

.button-redirect-full-screen:focus {
  outline-color: rgb(var(--color-primary) / 1) !important;
}

.button-redirect-full-screen:focus-visible {
  outline-color: rgb(var(--color-primary) / 1) !important;
}

.button-redirect-full-screen:disabled {
  cursor: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-on-surface-low) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.button-redirect-full-screen:disabled .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.action-button-selector-campos .button-redirect-full-screen {
  margin-right: 1.5rem;
}

.button-redirect-full-screen {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-self: flex-end;
}

.erp-form-button-navigation:disabled .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-disabled) / var(--tw-text-opacity, 1));
  filter: none;
}

.embebido-detalles .erp-form-template-footer {
  margin-bottom: 1.75rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.erp-form-template-footer {
  display: flex;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.erp-form-footer-acciones {
  display: flex;
  gap: 1rem;
}

.quick-view .erp-form-template-footer {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}

.quick-view .erp-form-footer-acciones {
  width: 100%;
}

.erp-form-paginator-botonera {
  margin-right: 1rem !important;
  display: flex;
  height: 100%;
  gap: 4px;
}

.erp-form-paginator-botonera input {
  height: 1.5rem !important;
  width: 2.5rem;
  text-align: center;
}

.erp-form-paginator-botonera .button-icon {
  min-height: 0.5rem !important;
  min-width: 1rem !important;
}

.erp-form-paginator-botonera .button-icon .pbc-icon-wrapper .button-icon-icono {
  min-height: 1.25rem !important;
  min-width: 1.25rem !important;
}

.erp-form-paginator-botonera .display-registers {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.erp-form-paginator-botonera .paginator-botonera-interno {
  align-items: center;
  padding-right:0;
}

.erp-form-paginator-botonera .paginator-botonera-interno .pagina-actual-text {
  margin-right: 0;
}

.lazy-card-container {
  display: grid;
  border-radius: 0.25rem;
  padding: 0.625rem;
}

.container-botones-campos .header-lazy-card-container .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.header-lazy-card-container {
  z-index: 10;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  padding-bottom: 0.5rem;
}

.header-lazy-card-container .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));
}

.header-lazy-card-collapse-icon {
  margin-right: 0.5rem;
  margin-top: 3px;
}

.header-lazy-card-titulo-botonera {
  display: flex;
  align-items: center;
}

.header-lazy-card-titulo-botonera h1 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(var(--color-on-surface-high) / var(--tw-text-opacity, 1));
}

.header-lazy-card-titulo-botonera .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(var(--color-accent) / var(--tw-text-opacity, 1));
}

.header-lazy-card-toolbar-entity-icon {
  margin-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-accent) / var(--tw-text-opacity, 1));
}

.content-lazy-card-container {
  z-index: 1;
  margin-bottom: 1.25rem;
  margin-top: -50px;
  overflow: hidden;
}

.section-template-xs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
}

.section-template-sm {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0.5rem;
}

.section-template-md {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 0.5rem;
}

.section-template {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.5rem;
}

.template-separator {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
}

.erp-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(55px, 55px));
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  grid-column: 1 / -1;
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
  align-items: flex-start;
}

.erp-section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(55px, 55px));
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  grid-column: span 12 / span 12;
  margin-top: 0.5rem;
  height: -moz-fit-content;
  height: fit-content;
  gap: 0px !important;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  padding-left: 1.5rem;
}

.erp-xs .erp-section {
  grid-column: span 6 / span 6 !important;
}

.erp-sm .erp-section {
  grid-column: span 8 / span 8 !important;
}

.erp-md .erp-section {
  grid-column: span 10 / span 10 !important;
}

.erp-section-title {
  margin-bottom: 1.5rem;
  overflow-wrap: normal;
  word-break: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}

.indicador-rol-aplicacion {
  grid-column: 1 / -1;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  border-left-width: 2px;
  padding-left: 0.5rem;
  font-weight: 700;
  color: #317da1;
  border-color: #317da1;
}

.erp-confirma-suplantar-usuario-input-wrapper {
  padding-top: 20px !important;
}

.visible {
  visibility: visible !important;
}

.static {
  position: static !important;
}

.left-0 {
  left: 0px !important;
}

.left-\[40px\] {
  left: 40px !important;
}

.col-span-1 {
  grid-column: span 1 / span 1 !important;
}

.col-span-10 {
  grid-column: span 10 / span 10 !important;
}

.col-span-11 {
  grid-column: span 11 / span 11 !important;
}

.col-span-12 {
  grid-column: span 12 / span 12 !important;
}

.col-span-2 {
  grid-column: span 2 / span 2 !important;
}

.col-span-3 {
  grid-column: span 3 / span 3 !important;
}

.col-span-4 {
  grid-column: span 4 / span 4 !important;
}

.col-span-5 {
  grid-column: span 5 / span 5 !important;
}

.col-span-6 {
  grid-column: span 6 / span 6 !important;
}

.col-span-7 {
  grid-column: span 7 / span 7 !important;
}

.col-span-8 {
  grid-column: span 8 / span 8 !important;
}

.col-span-9 {
  grid-column: span 9 / span 9 !important;
}

.col-span-full {
  grid-column: 1 / -1 !important;
}

.row-span-1 {
  grid-row: span 1 / span 1 !important;
}

.row-span-10 {
  grid-row: span 10 / span 10 !important;
}

.row-span-11 {
  grid-row: span 11 / span 11 !important;
}

.row-span-12 {
  grid-row: span 12 / span 12 !important;
}

.row-span-2 {
  grid-row: span 2 / span 2 !important;
}

.row-span-3 {
  grid-row: span 3 / span 3 !important;
}

.row-span-4 {
  grid-row: span 4 / span 4 !important;
}

.row-span-5 {
  grid-row: span 5 / span 5 !important;
}

.row-span-6 {
  grid-row: span 6 / span 6 !important;
}

.row-span-7 {
  grid-row: span 7 / span 7 !important;
}

.row-span-8 {
  grid-row: span 8 / span 8 !important;
}

.row-span-9 {
  grid-row: span 9 / span 9 !important;
}

.row-span-full {
  grid-row: 1 / -1 !important;
}

.\!m-0 {
  margin: 0px !important;
}

.ml-\[\.7rem\] {
  margin-left: .7rem !important;
}

.flex {
  display: flex !important;
}

.table {
  display: table !important;
}

.hidden {
  display: none !important;
}

.h-\[20vh\] {
  height: 20vh !important;
}

.h-\[4\.1285rem\] {
  height: 4.1285rem !important;
}

.h-full {
  height: 100% !important;
}

.w-\[20\%\] {
  width: 20% !important;
}

.w-full {
  width: 100% !important;
}

.cursor-context-menu {
  cursor: context-menu !important;
}

.cursor-text {
  cursor: text !important;
}

.cursor-vertical-text {
  cursor: vertical-text !important;
}

.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}

.grid-cols-subgrid {
  grid-template-columns: subgrid !important;
}

.grid-rows-subgrid {
  grid-template-rows: subgrid !important;
}

.justify-center {
  justify-content: center !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.text-ellipsis {
  text-overflow: ellipsis !important;
}

.text-clip {
  text-overflow: clip !important;
}

.text-wrap {
  text-wrap: wrap !important;
}

.text-nowrap {
  text-wrap: nowrap !important;
}

.text-balance {
  text-wrap: balance !important;
}

.text-pretty {
  text-wrap: pretty !important;
}

.border-b-accent {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(var(--color-accent) / var(--tw-border-opacity, 1)) !important;
}

.border-t-accent {
  --tw-border-opacity: 1 !important;
  border-top-color: rgb(var(--color-accent) / var(--tw-border-opacity, 1)) !important;
}

.bg-accent {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-accent) / var(--tw-bg-opacity, 1)) !important;
}

.bg-accent\/0 {
  background-color: rgb(var(--color-accent) / 0) !important;
}

.bg-accent\/10 {
  background-color: rgb(var(--color-accent) / 0.1) !important;
}

.bg-accent\/100 {
  background-color: rgb(var(--color-accent) / 1) !important;
}

.bg-accent\/15 {
  background-color: rgb(var(--color-accent) / 0.15) !important;
}

.bg-accent\/20 {
  background-color: rgb(var(--color-accent) / 0.2) !important;
}

.bg-accent\/25 {
  background-color: rgb(var(--color-accent) / 0.25) !important;
}

.bg-accent\/30 {
  background-color: rgb(var(--color-accent) / 0.3) !important;
}

.bg-accent\/35 {
  background-color: rgb(var(--color-accent) / 0.35) !important;
}

.bg-accent\/40 {
  background-color: rgb(var(--color-accent) / 0.4) !important;
}

.bg-accent\/45 {
  background-color: rgb(var(--color-accent) / 0.45) !important;
}

.bg-accent\/5 {
  background-color: rgb(var(--color-accent) / 0.05) !important;
}

.bg-accent\/50 {
  background-color: rgb(var(--color-accent) / 0.5) !important;
}

.bg-accent\/55 {
  background-color: rgb(var(--color-accent) / 0.55) !important;
}

.bg-accent\/60 {
  background-color: rgb(var(--color-accent) / 0.6) !important;
}

.bg-accent\/65 {
  background-color: rgb(var(--color-accent) / 0.65) !important;
}

.bg-accent\/70 {
  background-color: rgb(var(--color-accent) / 0.7) !important;
}

.bg-accent\/75 {
  background-color: rgb(var(--color-accent) / 0.75) !important;
}

.bg-accent\/80 {
  background-color: rgb(var(--color-accent) / 0.8) !important;
}

.bg-accent\/85 {
  background-color: rgb(var(--color-accent) / 0.85) !important;
}

.bg-accent\/90 {
  background-color: rgb(var(--color-accent) / 0.9) !important;
}

.bg-accent\/95 {
  background-color: rgb(var(--color-accent) / 0.95) !important;
}

.bg-blanco {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blanco\/0 {
  background-color: rgb(255 255 255 / 0) !important;
}

.bg-blanco\/10 {
  background-color: rgb(255 255 255 / 0.1) !important;
}

.bg-blanco\/100 {
  background-color: rgb(255 255 255 / 1) !important;
}

.bg-blanco\/15 {
  background-color: rgb(255 255 255 / 0.15) !important;
}

.bg-blanco\/20 {
  background-color: rgb(255 255 255 / 0.2) !important;
}

.bg-blanco\/25 {
  background-color: rgb(255 255 255 / 0.25) !important;
}

.bg-blanco\/30 {
  background-color: rgb(255 255 255 / 0.3) !important;
}

.bg-blanco\/35 {
  background-color: rgb(255 255 255 / 0.35) !important;
}

.bg-blanco\/40 {
  background-color: rgb(255 255 255 / 0.4) !important;
}

.bg-blanco\/45 {
  background-color: rgb(255 255 255 / 0.45) !important;
}

.bg-blanco\/5 {
  background-color: rgb(255 255 255 / 0.05) !important;
}

.bg-blanco\/50 {
  background-color: rgb(255 255 255 / 0.5) !important;
}

.bg-blanco\/55 {
  background-color: rgb(255 255 255 / 0.55) !important;
}

.bg-blanco\/60 {
  background-color: rgb(255 255 255 / 0.6) !important;
}

.bg-blanco\/65 {
  background-color: rgb(255 255 255 / 0.65) !important;
}

.bg-blanco\/70 {
  background-color: rgb(255 255 255 / 0.7) !important;
}

.bg-blanco\/75 {
  background-color: rgb(255 255 255 / 0.75) !important;
}

.bg-blanco\/80 {
  background-color: rgb(255 255 255 / 0.8) !important;
}

.bg-blanco\/85 {
  background-color: rgb(255 255 255 / 0.85) !important;
}

.bg-blanco\/90 {
  background-color: rgb(255 255 255 / 0.9) !important;
}

.bg-blanco\/95 {
  background-color: rgb(255 255 255 / 0.95) !important;
}

.bg-disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-disabled) / var(--tw-bg-opacity, 1)) !important;
}

.bg-disabled\/0 {
  background-color: rgb(var(--color-disabled) / 0) !important;
}

.bg-disabled\/10 {
  background-color: rgb(var(--color-disabled) / 0.1) !important;
}

.bg-disabled\/100 {
  background-color: rgb(var(--color-disabled) / 1) !important;
}

.bg-disabled\/15 {
  background-color: rgb(var(--color-disabled) / 0.15) !important;
}

.bg-disabled\/20 {
  background-color: rgb(var(--color-disabled) / 0.2) !important;
}

.bg-disabled\/25 {
  background-color: rgb(var(--color-disabled) / 0.25) !important;
}

.bg-disabled\/30 {
  background-color: rgb(var(--color-disabled) / 0.3) !important;
}

.bg-disabled\/35 {
  background-color: rgb(var(--color-disabled) / 0.35) !important;
}

.bg-disabled\/40 {
  background-color: rgb(var(--color-disabled) / 0.4) !important;
}

.bg-disabled\/45 {
  background-color: rgb(var(--color-disabled) / 0.45) !important;
}

.bg-disabled\/5 {
  background-color: rgb(var(--color-disabled) / 0.05) !important;
}

.bg-disabled\/50 {
  background-color: rgb(var(--color-disabled) / 0.5) !important;
}

.bg-disabled\/55 {
  background-color: rgb(var(--color-disabled) / 0.55) !important;
}

.bg-disabled\/60 {
  background-color: rgb(var(--color-disabled) / 0.6) !important;
}

.bg-disabled\/65 {
  background-color: rgb(var(--color-disabled) / 0.65) !important;
}

.bg-disabled\/70 {
  background-color: rgb(var(--color-disabled) / 0.7) !important;
}

.bg-disabled\/75 {
  background-color: rgb(var(--color-disabled) / 0.75) !important;
}

.bg-disabled\/80 {
  background-color: rgb(var(--color-disabled) / 0.8) !important;
}

.bg-disabled\/85 {
  background-color: rgb(var(--color-disabled) / 0.85) !important;
}

.bg-disabled\/90 {
  background-color: rgb(var(--color-disabled) / 0.9) !important;
}

.bg-disabled\/95 {
  background-color: rgb(var(--color-disabled) / 0.95) !important;
}

.bg-error {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-error) / var(--tw-bg-opacity, 1)) !important;
}

.bg-error\/0 {
  background-color: rgb(var(--color-error) / 0) !important;
}

.bg-error\/10 {
  background-color: rgb(var(--color-error) / 0.1) !important;
}

.bg-error\/100 {
  background-color: rgb(var(--color-error) / 1) !important;
}

.bg-error\/15 {
  background-color: rgb(var(--color-error) / 0.15) !important;
}

.bg-error\/20 {
  background-color: rgb(var(--color-error) / 0.2) !important;
}

.bg-error\/25 {
  background-color: rgb(var(--color-error) / 0.25) !important;
}

.bg-error\/30 {
  background-color: rgb(var(--color-error) / 0.3) !important;
}

.bg-error\/35 {
  background-color: rgb(var(--color-error) / 0.35) !important;
}

.bg-error\/40 {
  background-color: rgb(var(--color-error) / 0.4) !important;
}

.bg-error\/45 {
  background-color: rgb(var(--color-error) / 0.45) !important;
}

.bg-error\/5 {
  background-color: rgb(var(--color-error) / 0.05) !important;
}

.bg-error\/50 {
  background-color: rgb(var(--color-error) / 0.5) !important;
}

.bg-error\/55 {
  background-color: rgb(var(--color-error) / 0.55) !important;
}

.bg-error\/60 {
  background-color: rgb(var(--color-error) / 0.6) !important;
}

.bg-error\/65 {
  background-color: rgb(var(--color-error) / 0.65) !important;
}

.bg-error\/70 {
  background-color: rgb(var(--color-error) / 0.7) !important;
}

.bg-error\/75 {
  background-color: rgb(var(--color-error) / 0.75) !important;
}

.bg-error\/80 {
  background-color: rgb(var(--color-error) / 0.8) !important;
}

.bg-error\/85 {
  background-color: rgb(var(--color-error) / 0.85) !important;
}

.bg-error\/90 {
  background-color: rgb(var(--color-error) / 0.9) !important;
}

.bg-error\/95 {
  background-color: rgb(var(--color-error) / 0.95) !important;
}

.bg-info {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-info) / var(--tw-bg-opacity, 1)) !important;
}

.bg-info\/0 {
  background-color: rgb(var(--color-info) / 0) !important;
}

.bg-info\/10 {
  background-color: rgb(var(--color-info) / 0.1) !important;
}

.bg-info\/100 {
  background-color: rgb(var(--color-info) / 1) !important;
}

.bg-info\/15 {
  background-color: rgb(var(--color-info) / 0.15) !important;
}

.bg-info\/20 {
  background-color: rgb(var(--color-info) / 0.2) !important;
}

.bg-info\/25 {
  background-color: rgb(var(--color-info) / 0.25) !important;
}

.bg-info\/30 {
  background-color: rgb(var(--color-info) / 0.3) !important;
}

.bg-info\/35 {
  background-color: rgb(var(--color-info) / 0.35) !important;
}

.bg-info\/40 {
  background-color: rgb(var(--color-info) / 0.4) !important;
}

.bg-info\/45 {
  background-color: rgb(var(--color-info) / 0.45) !important;
}

.bg-info\/5 {
  background-color: rgb(var(--color-info) / 0.05) !important;
}

.bg-info\/50 {
  background-color: rgb(var(--color-info) / 0.5) !important;
}

.bg-info\/55 {
  background-color: rgb(var(--color-info) / 0.55) !important;
}

.bg-info\/60 {
  background-color: rgb(var(--color-info) / 0.6) !important;
}

.bg-info\/65 {
  background-color: rgb(var(--color-info) / 0.65) !important;
}

.bg-info\/70 {
  background-color: rgb(var(--color-info) / 0.7) !important;
}

.bg-info\/75 {
  background-color: rgb(var(--color-info) / 0.75) !important;
}

.bg-info\/80 {
  background-color: rgb(var(--color-info) / 0.8) !important;
}

.bg-info\/85 {
  background-color: rgb(var(--color-info) / 0.85) !important;
}

.bg-info\/90 {
  background-color: rgb(var(--color-info) / 0.9) !important;
}

.bg-info\/95 {
  background-color: rgb(var(--color-info) / 0.95) !important;
}

.bg-inherit {
  background-color: inherit !important;
}

.bg-links {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-links) / var(--tw-bg-opacity, 1)) !important;
}

.bg-links\/0 {
  background-color: rgb(var(--color-links) / 0) !important;
}

.bg-links\/10 {
  background-color: rgb(var(--color-links) / 0.1) !important;
}

.bg-links\/100 {
  background-color: rgb(var(--color-links) / 1) !important;
}

.bg-links\/15 {
  background-color: rgb(var(--color-links) / 0.15) !important;
}

.bg-links\/20 {
  background-color: rgb(var(--color-links) / 0.2) !important;
}

.bg-links\/25 {
  background-color: rgb(var(--color-links) / 0.25) !important;
}

.bg-links\/30 {
  background-color: rgb(var(--color-links) / 0.3) !important;
}

.bg-links\/35 {
  background-color: rgb(var(--color-links) / 0.35) !important;
}

.bg-links\/40 {
  background-color: rgb(var(--color-links) / 0.4) !important;
}

.bg-links\/45 {
  background-color: rgb(var(--color-links) / 0.45) !important;
}

.bg-links\/5 {
  background-color: rgb(var(--color-links) / 0.05) !important;
}

.bg-links\/50 {
  background-color: rgb(var(--color-links) / 0.5) !important;
}

.bg-links\/55 {
  background-color: rgb(var(--color-links) / 0.55) !important;
}

.bg-links\/60 {
  background-color: rgb(var(--color-links) / 0.6) !important;
}

.bg-links\/65 {
  background-color: rgb(var(--color-links) / 0.65) !important;
}

.bg-links\/70 {
  background-color: rgb(var(--color-links) / 0.7) !important;
}

.bg-links\/75 {
  background-color: rgb(var(--color-links) / 0.75) !important;
}

.bg-links\/80 {
  background-color: rgb(var(--color-links) / 0.8) !important;
}

.bg-links\/85 {
  background-color: rgb(var(--color-links) / 0.85) !important;
}

.bg-links\/90 {
  background-color: rgb(var(--color-links) / 0.9) !important;
}

.bg-links\/95 {
  background-color: rgb(var(--color-links) / 0.95) !important;
}

.bg-negro {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}

.bg-negro\/0 {
  background-color: rgb(0 0 0 / 0) !important;
}

.bg-negro\/10 {
  background-color: rgb(0 0 0 / 0.1) !important;
}

.bg-negro\/100 {
  background-color: rgb(0 0 0 / 1) !important;
}

.bg-negro\/15 {
  background-color: rgb(0 0 0 / 0.15) !important;
}

.bg-negro\/20 {
  background-color: rgb(0 0 0 / 0.2) !important;
}

.bg-negro\/25 {
  background-color: rgb(0 0 0 / 0.25) !important;
}

.bg-negro\/30 {
  background-color: rgb(0 0 0 / 0.3) !important;
}

.bg-negro\/35 {
  background-color: rgb(0 0 0 / 0.35) !important;
}

.bg-negro\/40 {
  background-color: rgb(0 0 0 / 0.4) !important;
}

.bg-negro\/45 {
  background-color: rgb(0 0 0 / 0.45) !important;
}

.bg-negro\/5 {
  background-color: rgb(0 0 0 / 0.05) !important;
}

.bg-negro\/50 {
  background-color: rgb(0 0 0 / 0.5) !important;
}

.bg-negro\/55 {
  background-color: rgb(0 0 0 / 0.55) !important;
}

.bg-negro\/60 {
  background-color: rgb(0 0 0 / 0.6) !important;
}

.bg-negro\/65 {
  background-color: rgb(0 0 0 / 0.65) !important;
}

.bg-negro\/70 {
  background-color: rgb(0 0 0 / 0.7) !important;
}

.bg-negro\/75 {
  background-color: rgb(0 0 0 / 0.75) !important;
}

.bg-negro\/80 {
  background-color: rgb(0 0 0 / 0.8) !important;
}

.bg-negro\/85 {
  background-color: rgb(0 0 0 / 0.85) !important;
}

.bg-negro\/90 {
  background-color: rgb(0 0 0 / 0.9) !important;
}

.bg-negro\/95 {
  background-color: rgb(0 0 0 / 0.95) !important;
}

.bg-onDisabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-onDisabled) / var(--tw-bg-opacity, 1)) !important;
}

.bg-onDisabled\/0 {
  background-color: rgb(var(--color-onDisabled) / 0) !important;
}

.bg-onDisabled\/10 {
  background-color: rgb(var(--color-onDisabled) / 0.1) !important;
}

.bg-onDisabled\/100 {
  background-color: rgb(var(--color-onDisabled) / 1) !important;
}

.bg-onDisabled\/15 {
  background-color: rgb(var(--color-onDisabled) / 0.15) !important;
}

.bg-onDisabled\/20 {
  background-color: rgb(var(--color-onDisabled) / 0.2) !important;
}

.bg-onDisabled\/25 {
  background-color: rgb(var(--color-onDisabled) / 0.25) !important;
}

.bg-onDisabled\/30 {
  background-color: rgb(var(--color-onDisabled) / 0.3) !important;
}

.bg-onDisabled\/35 {
  background-color: rgb(var(--color-onDisabled) / 0.35) !important;
}

.bg-onDisabled\/40 {
  background-color: rgb(var(--color-onDisabled) / 0.4) !important;
}

.bg-onDisabled\/45 {
  background-color: rgb(var(--color-onDisabled) / 0.45) !important;
}

.bg-onDisabled\/5 {
  background-color: rgb(var(--color-onDisabled) / 0.05) !important;
}

.bg-onDisabled\/50 {
  background-color: rgb(var(--color-onDisabled) / 0.5) !important;
}

.bg-onDisabled\/55 {
  background-color: rgb(var(--color-onDisabled) / 0.55) !important;
}

.bg-onDisabled\/60 {
  background-color: rgb(var(--color-onDisabled) / 0.6) !important;
}

.bg-onDisabled\/65 {
  background-color: rgb(var(--color-onDisabled) / 0.65) !important;
}

.bg-onDisabled\/70 {
  background-color: rgb(var(--color-onDisabled) / 0.7) !important;
}

.bg-onDisabled\/75 {
  background-color: rgb(var(--color-onDisabled) / 0.75) !important;
}

.bg-onDisabled\/80 {
  background-color: rgb(var(--color-onDisabled) / 0.8) !important;
}

.bg-onDisabled\/85 {
  background-color: rgb(var(--color-onDisabled) / 0.85) !important;
}

.bg-onDisabled\/90 {
  background-color: rgb(var(--color-onDisabled) / 0.9) !important;
}

.bg-onDisabled\/95 {
  background-color: rgb(var(--color-onDisabled) / 0.95) !important;
}

.bg-onPrimary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-on-primary) / var(--tw-bg-opacity, 1)) !important;
}

.bg-onPrimary\/0 {
  background-color: rgb(var(--color-on-primary) / 0) !important;
}

.bg-onPrimary\/10 {
  background-color: rgb(var(--color-on-primary) / 0.1) !important;
}

.bg-onPrimary\/100 {
  background-color: rgb(var(--color-on-primary) / 1) !important;
}

.bg-onPrimary\/15 {
  background-color: rgb(var(--color-on-primary) / 0.15) !important;
}

.bg-onPrimary\/20 {
  background-color: rgb(var(--color-on-primary) / 0.2) !important;
}

.bg-onPrimary\/25 {
  background-color: rgb(var(--color-on-primary) / 0.25) !important;
}

.bg-onPrimary\/30 {
  background-color: rgb(var(--color-on-primary) / 0.3) !important;
}

.bg-onPrimary\/35 {
  background-color: rgb(var(--color-on-primary) / 0.35) !important;
}

.bg-onPrimary\/40 {
  background-color: rgb(var(--color-on-primary) / 0.4) !important;
}

.bg-onPrimary\/45 {
  background-color: rgb(var(--color-on-primary) / 0.45) !important;
}

.bg-onPrimary\/5 {
  background-color: rgb(var(--color-on-primary) / 0.05) !important;
}

.bg-onPrimary\/50 {
  background-color: rgb(var(--color-on-primary) / 0.5) !important;
}

.bg-onPrimary\/55 {
  background-color: rgb(var(--color-on-primary) / 0.55) !important;
}

.bg-onPrimary\/60 {
  background-color: rgb(var(--color-on-primary) / 0.6) !important;
}

.bg-onPrimary\/65 {
  background-color: rgb(var(--color-on-primary) / 0.65) !important;
}

.bg-onPrimary\/70 {
  background-color: rgb(var(--color-on-primary) / 0.7) !important;
}

.bg-onPrimary\/75 {
  background-color: rgb(var(--color-on-primary) / 0.75) !important;
}

.bg-onPrimary\/80 {
  background-color: rgb(var(--color-on-primary) / 0.8) !important;
}

.bg-onPrimary\/85 {
  background-color: rgb(var(--color-on-primary) / 0.85) !important;
}

.bg-onPrimary\/90 {
  background-color: rgb(var(--color-on-primary) / 0.9) !important;
}

.bg-onPrimary\/95 {
  background-color: rgb(var(--color-on-primary) / 0.95) !important;
}

.bg-onSecondary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-on-secondary) / var(--tw-bg-opacity, 1)) !important;
}

.bg-onSecondary\/0 {
  background-color: rgb(var(--color-on-secondary) / 0) !important;
}

.bg-onSecondary\/10 {
  background-color: rgb(var(--color-on-secondary) / 0.1) !important;
}

.bg-onSecondary\/100 {
  background-color: rgb(var(--color-on-secondary) / 1) !important;
}

.bg-onSecondary\/15 {
  background-color: rgb(var(--color-on-secondary) / 0.15) !important;
}

.bg-onSecondary\/20 {
  background-color: rgb(var(--color-on-secondary) / 0.2) !important;
}

.bg-onSecondary\/25 {
  background-color: rgb(var(--color-on-secondary) / 0.25) !important;
}

.bg-onSecondary\/30 {
  background-color: rgb(var(--color-on-secondary) / 0.3) !important;
}

.bg-onSecondary\/35 {
  background-color: rgb(var(--color-on-secondary) / 0.35) !important;
}

.bg-onSecondary\/40 {
  background-color: rgb(var(--color-on-secondary) / 0.4) !important;
}

.bg-onSecondary\/45 {
  background-color: rgb(var(--color-on-secondary) / 0.45) !important;
}

.bg-onSecondary\/5 {
  background-color: rgb(var(--color-on-secondary) / 0.05) !important;
}

.bg-onSecondary\/50 {
  background-color: rgb(var(--color-on-secondary) / 0.5) !important;
}

.bg-onSecondary\/55 {
  background-color: rgb(var(--color-on-secondary) / 0.55) !important;
}

.bg-onSecondary\/60 {
  background-color: rgb(var(--color-on-secondary) / 0.6) !important;
}

.bg-onSecondary\/65 {
  background-color: rgb(var(--color-on-secondary) / 0.65) !important;
}

.bg-onSecondary\/70 {
  background-color: rgb(var(--color-on-secondary) / 0.7) !important;
}

.bg-onSecondary\/75 {
  background-color: rgb(var(--color-on-secondary) / 0.75) !important;
}

.bg-onSecondary\/80 {
  background-color: rgb(var(--color-on-secondary) / 0.8) !important;
}

.bg-onSecondary\/85 {
  background-color: rgb(var(--color-on-secondary) / 0.85) !important;
}

.bg-onSecondary\/90 {
  background-color: rgb(var(--color-on-secondary) / 0.9) !important;
}

.bg-onSecondary\/95 {
  background-color: rgb(var(--color-on-secondary) / 0.95) !important;
}

.bg-onSurface {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-on-surface) / var(--tw-bg-opacity, 1)) !important;
}

.bg-onSurface\/0 {
  background-color: rgb(var(--color-on-surface) / 0) !important;
}

.bg-onSurface\/10 {
  background-color: rgb(var(--color-on-surface) / 0.1) !important;
}

.bg-onSurface\/100 {
  background-color: rgb(var(--color-on-surface) / 1) !important;
}

.bg-onSurface\/15 {
  background-color: rgb(var(--color-on-surface) / 0.15) !important;
}

.bg-onSurface\/20 {
  background-color: rgb(var(--color-on-surface) / 0.2) !important;
}

.bg-onSurface\/25 {
  background-color: rgb(var(--color-on-surface) / 0.25) !important;
}

.bg-onSurface\/30 {
  background-color: rgb(var(--color-on-surface) / 0.3) !important;
}

.bg-onSurface\/35 {
  background-color: rgb(var(--color-on-surface) / 0.35) !important;
}

.bg-onSurface\/40 {
  background-color: rgb(var(--color-on-surface) / 0.4) !important;
}

.bg-onSurface\/45 {
  background-color: rgb(var(--color-on-surface) / 0.45) !important;
}

.bg-onSurface\/5 {
  background-color: rgb(var(--color-on-surface) / 0.05) !important;
}

.bg-onSurface\/50 {
  background-color: rgb(var(--color-on-surface) / 0.5) !important;
}

.bg-onSurface\/55 {
  background-color: rgb(var(--color-on-surface) / 0.55) !important;
}

.bg-onSurface\/60 {
  background-color: rgb(var(--color-on-surface) / 0.6) !important;
}

.bg-onSurface\/65 {
  background-color: rgb(var(--color-on-surface) / 0.65) !important;
}

.bg-onSurface\/70 {
  background-color: rgb(var(--color-on-surface) / 0.7) !important;
}

.bg-onSurface\/75 {
  background-color: rgb(var(--color-on-surface) / 0.75) !important;
}

.bg-onSurface\/80 {
  background-color: rgb(var(--color-on-surface) / 0.8) !important;
}

.bg-onSurface\/85 {
  background-color: rgb(var(--color-on-surface) / 0.85) !important;
}

.bg-onSurface\/90 {
  background-color: rgb(var(--color-on-surface) / 0.9) !important;
}

.bg-onSurface\/95 {
  background-color: rgb(var(--color-on-surface) / 0.95) !important;
}

.bg-onSurfaceDim {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-on-surface-dim) / var(--tw-bg-opacity, 1)) !important;
}

.bg-onSurfaceDim\/0 {
  background-color: rgb(var(--color-on-surface-dim) / 0) !important;
}

.bg-onSurfaceDim\/10 {
  background-color: rgb(var(--color-on-surface-dim) / 0.1) !important;
}

.bg-onSurfaceDim\/100 {
  background-color: rgb(var(--color-on-surface-dim) / 1) !important;
}

.bg-onSurfaceDim\/15 {
  background-color: rgb(var(--color-on-surface-dim) / 0.15) !important;
}

.bg-onSurfaceDim\/20 {
  background-color: rgb(var(--color-on-surface-dim) / 0.2) !important;
}

.bg-onSurfaceDim\/25 {
  background-color: rgb(var(--color-on-surface-dim) / 0.25) !important;
}

.bg-onSurfaceDim\/30 {
  background-color: rgb(var(--color-on-surface-dim) / 0.3) !important;
}

.bg-onSurfaceDim\/35 {
  background-color: rgb(var(--color-on-surface-dim) / 0.35) !important;
}

.bg-onSurfaceDim\/40 {
  background-color: rgb(var(--color-on-surface-dim) / 0.4) !important;
}

.bg-onSurfaceDim\/45 {
  background-color: rgb(var(--color-on-surface-dim) / 0.45) !important;
}

.bg-onSurfaceDim\/5 {
  background-color: rgb(var(--color-on-surface-dim) / 0.05) !important;
}

.bg-onSurfaceDim\/50 {
  background-color: rgb(var(--color-on-surface-dim) / 0.5) !important;
}

.bg-onSurfaceDim\/55 {
  background-color: rgb(var(--color-on-surface-dim) / 0.55) !important;
}

.bg-onSurfaceDim\/60 {
  background-color: rgb(var(--color-on-surface-dim) / 0.6) !important;
}

.bg-onSurfaceDim\/65 {
  background-color: rgb(var(--color-on-surface-dim) / 0.65) !important;
}

.bg-onSurfaceDim\/70 {
  background-color: rgb(var(--color-on-surface-dim) / 0.7) !important;
}

.bg-onSurfaceDim\/75 {
  background-color: rgb(var(--color-on-surface-dim) / 0.75) !important;
}

.bg-onSurfaceDim\/80 {
  background-color: rgb(var(--color-on-surface-dim) / 0.8) !important;
}

.bg-onSurfaceDim\/85 {
  background-color: rgb(var(--color-on-surface-dim) / 0.85) !important;
}

.bg-onSurfaceDim\/90 {
  background-color: rgb(var(--color-on-surface-dim) / 0.9) !important;
}

.bg-onSurfaceDim\/95 {
  background-color: rgb(var(--color-on-surface-dim) / 0.95) !important;
}

.bg-onSurfaceDimHigh {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-on-surface-dim-high) / var(--tw-bg-opacity, 1)) !important;
}

.bg-onSurfaceDimHigh\/0 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0) !important;
}

.bg-onSurfaceDimHigh\/10 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.1) !important;
}

.bg-onSurfaceDimHigh\/100 {
  background-color: rgb(var(--color-on-surface-dim-high) / 1) !important;
}

.bg-onSurfaceDimHigh\/15 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.15) !important;
}

.bg-onSurfaceDimHigh\/20 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.2) !important;
}

.bg-onSurfaceDimHigh\/25 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.25) !important;
}

.bg-onSurfaceDimHigh\/30 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.3) !important;
}

.bg-onSurfaceDimHigh\/35 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.35) !important;
}

.bg-onSurfaceDimHigh\/40 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.4) !important;
}

.bg-onSurfaceDimHigh\/45 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.45) !important;
}

.bg-onSurfaceDimHigh\/5 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.05) !important;
}

.bg-onSurfaceDimHigh\/50 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.5) !important;
}

.bg-onSurfaceDimHigh\/55 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.55) !important;
}

.bg-onSurfaceDimHigh\/60 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.6) !important;
}

.bg-onSurfaceDimHigh\/65 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.65) !important;
}

.bg-onSurfaceDimHigh\/70 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.7) !important;
}

.bg-onSurfaceDimHigh\/75 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.75) !important;
}

.bg-onSurfaceDimHigh\/80 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.8) !important;
}

.bg-onSurfaceDimHigh\/85 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.85) !important;
}

.bg-onSurfaceDimHigh\/90 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.9) !important;
}

.bg-onSurfaceDimHigh\/95 {
  background-color: rgb(var(--color-on-surface-dim-high) / 0.95) !important;
}

.bg-onSurfaceDimLow {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-on-surface-dim-low) / var(--tw-bg-opacity, 1)) !important;
}

.bg-onSurfaceDimLow\/0 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0) !important;
}

.bg-onSurfaceDimLow\/10 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.1) !important;
}

.bg-onSurfaceDimLow\/100 {
  background-color: rgb(var(--color-on-surface-dim-low) / 1) !important;
}

.bg-onSurfaceDimLow\/15 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.15) !important;
}

.bg-onSurfaceDimLow\/20 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.2) !important;
}

.bg-onSurfaceDimLow\/25 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.25) !important;
}

.bg-onSurfaceDimLow\/30 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.3) !important;
}

.bg-onSurfaceDimLow\/35 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.35) !important;
}

.bg-onSurfaceDimLow\/40 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.4) !important;
}

.bg-onSurfaceDimLow\/45 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.45) !important;
}

.bg-onSurfaceDimLow\/5 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.05) !important;
}

.bg-onSurfaceDimLow\/50 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.5) !important;
}

.bg-onSurfaceDimLow\/55 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.55) !important;
}

.bg-onSurfaceDimLow\/60 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.6) !important;
}

.bg-onSurfaceDimLow\/65 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.65) !important;
}

.bg-onSurfaceDimLow\/70 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.7) !important;
}

.bg-onSurfaceDimLow\/75 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.75) !important;
}

.bg-onSurfaceDimLow\/80 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.8) !important;
}

.bg-onSurfaceDimLow\/85 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.85) !important;
}

.bg-onSurfaceDimLow\/90 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.9) !important;
}

.bg-onSurfaceDimLow\/95 {
  background-color: rgb(var(--color-on-surface-dim-low) / 0.95) !important;
}

.bg-onSurfaceHigh {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-on-surface-high) / var(--tw-bg-opacity, 1)) !important;
}

.bg-onSurfaceHigh\/0 {
  background-color: rgb(var(--color-on-surface-high) / 0) !important;
}

.bg-onSurfaceHigh\/10 {
  background-color: rgb(var(--color-on-surface-high) / 0.1) !important;
}

.bg-onSurfaceHigh\/100 {
  background-color: rgb(var(--color-on-surface-high) / 1) !important;
}

.bg-onSurfaceHigh\/15 {
  background-color: rgb(var(--color-on-surface-high) / 0.15) !important;
}

.bg-onSurfaceHigh\/20 {
  background-color: rgb(var(--color-on-surface-high) / 0.2) !important;
}

.bg-onSurfaceHigh\/25 {
  background-color: rgb(var(--color-on-surface-high) / 0.25) !important;
}

.bg-onSurfaceHigh\/30 {
  background-color: rgb(var(--color-on-surface-high) / 0.3) !important;
}

.bg-onSurfaceHigh\/35 {
  background-color: rgb(var(--color-on-surface-high) / 0.35) !important;
}

.bg-onSurfaceHigh\/40 {
  background-color: rgb(var(--color-on-surface-high) / 0.4) !important;
}

.bg-onSurfaceHigh\/45 {
  background-color: rgb(var(--color-on-surface-high) / 0.45) !important;
}

.bg-onSurfaceHigh\/5 {
  background-color: rgb(var(--color-on-surface-high) / 0.05) !important;
}

.bg-onSurfaceHigh\/50 {
  background-color: rgb(var(--color-on-surface-high) / 0.5) !important;
}

.bg-onSurfaceHigh\/55 {
  background-color: rgb(var(--color-on-surface-high) / 0.55) !important;
}

.bg-onSurfaceHigh\/60 {
  background-color: rgb(var(--color-on-surface-high) / 0.6) !important;
}

.bg-onSurfaceHigh\/65 {
  background-color: rgb(var(--color-on-surface-high) / 0.65) !important;
}

.bg-onSurfaceHigh\/70 {
  background-color: rgb(var(--color-on-surface-high) / 0.7) !important;
}

.bg-onSurfaceHigh\/75 {
  background-color: rgb(var(--color-on-surface-high) / 0.75) !important;
}

.bg-onSurfaceHigh\/80 {
  background-color: rgb(var(--color-on-surface-high) / 0.8) !important;
}

.bg-onSurfaceHigh\/85 {
  background-color: rgb(var(--color-on-surface-high) / 0.85) !important;
}

.bg-onSurfaceHigh\/90 {
  background-color: rgb(var(--color-on-surface-high) / 0.9) !important;
}

.bg-onSurfaceHigh\/95 {
  background-color: rgb(var(--color-on-surface-high) / 0.95) !important;
}

.bg-onSurfaceLow {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-on-surface-low) / var(--tw-bg-opacity, 1)) !important;
}

.bg-onSurfaceLow\/0 {
  background-color: rgb(var(--color-on-surface-low) / 0) !important;
}

.bg-onSurfaceLow\/10 {
  background-color: rgb(var(--color-on-surface-low) / 0.1) !important;
}

.bg-onSurfaceLow\/100 {
  background-color: rgb(var(--color-on-surface-low) / 1) !important;
}

.bg-onSurfaceLow\/15 {
  background-color: rgb(var(--color-on-surface-low) / 0.15) !important;
}

.bg-onSurfaceLow\/20 {
  background-color: rgb(var(--color-on-surface-low) / 0.2) !important;
}

.bg-onSurfaceLow\/25 {
  background-color: rgb(var(--color-on-surface-low) / 0.25) !important;
}

.bg-onSurfaceLow\/30 {
  background-color: rgb(var(--color-on-surface-low) / 0.3) !important;
}

.bg-onSurfaceLow\/35 {
  background-color: rgb(var(--color-on-surface-low) / 0.35) !important;
}

.bg-onSurfaceLow\/40 {
  background-color: rgb(var(--color-on-surface-low) / 0.4) !important;
}

.bg-onSurfaceLow\/45 {
  background-color: rgb(var(--color-on-surface-low) / 0.45) !important;
}

.bg-onSurfaceLow\/5 {
  background-color: rgb(var(--color-on-surface-low) / 0.05) !important;
}

.bg-onSurfaceLow\/50 {
  background-color: rgb(var(--color-on-surface-low) / 0.5) !important;
}

.bg-onSurfaceLow\/55 {
  background-color: rgb(var(--color-on-surface-low) / 0.55) !important;
}

.bg-onSurfaceLow\/60 {
  background-color: rgb(var(--color-on-surface-low) / 0.6) !important;
}

.bg-onSurfaceLow\/65 {
  background-color: rgb(var(--color-on-surface-low) / 0.65) !important;
}

.bg-onSurfaceLow\/70 {
  background-color: rgb(var(--color-on-surface-low) / 0.7) !important;
}

.bg-onSurfaceLow\/75 {
  background-color: rgb(var(--color-on-surface-low) / 0.75) !important;
}

.bg-onSurfaceLow\/80 {
  background-color: rgb(var(--color-on-surface-low) / 0.8) !important;
}

.bg-onSurfaceLow\/85 {
  background-color: rgb(var(--color-on-surface-low) / 0.85) !important;
}

.bg-onSurfaceLow\/90 {
  background-color: rgb(var(--color-on-surface-low) / 0.9) !important;
}

.bg-onSurfaceLow\/95 {
  background-color: rgb(var(--color-on-surface-low) / 0.95) !important;
}

.bg-outline {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-outline) / var(--tw-bg-opacity, 1)) !important;
}

.bg-outline\/0 {
  background-color: rgb(var(--color-outline) / 0) !important;
}

.bg-outline\/10 {
  background-color: rgb(var(--color-outline) / 0.1) !important;
}

.bg-outline\/100 {
  background-color: rgb(var(--color-outline) / 1) !important;
}

.bg-outline\/15 {
  background-color: rgb(var(--color-outline) / 0.15) !important;
}

.bg-outline\/20 {
  background-color: rgb(var(--color-outline) / 0.2) !important;
}

.bg-outline\/25 {
  background-color: rgb(var(--color-outline) / 0.25) !important;
}

.bg-outline\/30 {
  background-color: rgb(var(--color-outline) / 0.3) !important;
}

.bg-outline\/35 {
  background-color: rgb(var(--color-outline) / 0.35) !important;
}

.bg-outline\/40 {
  background-color: rgb(var(--color-outline) / 0.4) !important;
}

.bg-outline\/45 {
  background-color: rgb(var(--color-outline) / 0.45) !important;
}

.bg-outline\/5 {
  background-color: rgb(var(--color-outline) / 0.05) !important;
}

.bg-outline\/50 {
  background-color: rgb(var(--color-outline) / 0.5) !important;
}

.bg-outline\/55 {
  background-color: rgb(var(--color-outline) / 0.55) !important;
}

.bg-outline\/60 {
  background-color: rgb(var(--color-outline) / 0.6) !important;
}

.bg-outline\/65 {
  background-color: rgb(var(--color-outline) / 0.65) !important;
}

.bg-outline\/70 {
  background-color: rgb(var(--color-outline) / 0.7) !important;
}

.bg-outline\/75 {
  background-color: rgb(var(--color-outline) / 0.75) !important;
}

.bg-outline\/80 {
  background-color: rgb(var(--color-outline) / 0.8) !important;
}

.bg-outline\/85 {
  background-color: rgb(var(--color-outline) / 0.85) !important;
}

.bg-outline\/90 {
  background-color: rgb(var(--color-outline) / 0.9) !important;
}

.bg-outline\/95 {
  background-color: rgb(var(--color-outline) / 0.95) !important;
}

.bg-primary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1)) !important;
}

.bg-primary\/0 {
  background-color: rgb(var(--color-primary) / 0) !important;
}

.bg-primary\/10 {
  background-color: rgb(var(--color-primary) / 0.1) !important;
}

.bg-primary\/100 {
  background-color: rgb(var(--color-primary) / 1) !important;
}

.bg-primary\/15 {
  background-color: rgb(var(--color-primary) / 0.15) !important;
}

.bg-primary\/20 {
  background-color: rgb(var(--color-primary) / 0.2) !important;
}

.bg-primary\/25 {
  background-color: rgb(var(--color-primary) / 0.25) !important;
}

.bg-primary\/30 {
  background-color: rgb(var(--color-primary) / 0.3) !important;
}

.bg-primary\/35 {
  background-color: rgb(var(--color-primary) / 0.35) !important;
}

.bg-primary\/40 {
  background-color: rgb(var(--color-primary) / 0.4) !important;
}

.bg-primary\/45 {
  background-color: rgb(var(--color-primary) / 0.45) !important;
}

.bg-primary\/5 {
  background-color: rgb(var(--color-primary) / 0.05) !important;
}

.bg-primary\/50 {
  background-color: rgb(var(--color-primary) / 0.5) !important;
}

.bg-primary\/55 {
  background-color: rgb(var(--color-primary) / 0.55) !important;
}

.bg-primary\/60 {
  background-color: rgb(var(--color-primary) / 0.6) !important;
}

.bg-primary\/65 {
  background-color: rgb(var(--color-primary) / 0.65) !important;
}

.bg-primary\/70 {
  background-color: rgb(var(--color-primary) / 0.7) !important;
}

.bg-primary\/75 {
  background-color: rgb(var(--color-primary) / 0.75) !important;
}

.bg-primary\/80 {
  background-color: rgb(var(--color-primary) / 0.8) !important;
}

.bg-primary\/85 {
  background-color: rgb(var(--color-primary) / 0.85) !important;
}

.bg-primary\/90 {
  background-color: rgb(var(--color-primary) / 0.9) !important;
}

.bg-primary\/95 {
  background-color: rgb(var(--color-primary) / 0.95) !important;
}

.bg-secondary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-secondary) / var(--tw-bg-opacity, 1)) !important;
}

.bg-secondary\/0 {
  background-color: rgb(var(--color-secondary) / 0) !important;
}

.bg-secondary\/10 {
  background-color: rgb(var(--color-secondary) / 0.1) !important;
}

.bg-secondary\/100 {
  background-color: rgb(var(--color-secondary) / 1) !important;
}

.bg-secondary\/15 {
  background-color: rgb(var(--color-secondary) / 0.15) !important;
}

.bg-secondary\/20 {
  background-color: rgb(var(--color-secondary) / 0.2) !important;
}

.bg-secondary\/25 {
  background-color: rgb(var(--color-secondary) / 0.25) !important;
}

.bg-secondary\/30 {
  background-color: rgb(var(--color-secondary) / 0.3) !important;
}

.bg-secondary\/35 {
  background-color: rgb(var(--color-secondary) / 0.35) !important;
}

.bg-secondary\/40 {
  background-color: rgb(var(--color-secondary) / 0.4) !important;
}

.bg-secondary\/45 {
  background-color: rgb(var(--color-secondary) / 0.45) !important;
}

.bg-secondary\/5 {
  background-color: rgb(var(--color-secondary) / 0.05) !important;
}

.bg-secondary\/50 {
  background-color: rgb(var(--color-secondary) / 0.5) !important;
}

.bg-secondary\/55 {
  background-color: rgb(var(--color-secondary) / 0.55) !important;
}

.bg-secondary\/60 {
  background-color: rgb(var(--color-secondary) / 0.6) !important;
}

.bg-secondary\/65 {
  background-color: rgb(var(--color-secondary) / 0.65) !important;
}

.bg-secondary\/70 {
  background-color: rgb(var(--color-secondary) / 0.7) !important;
}

.bg-secondary\/75 {
  background-color: rgb(var(--color-secondary) / 0.75) !important;
}

.bg-secondary\/80 {
  background-color: rgb(var(--color-secondary) / 0.8) !important;
}

.bg-secondary\/85 {
  background-color: rgb(var(--color-secondary) / 0.85) !important;
}

.bg-secondary\/90 {
  background-color: rgb(var(--color-secondary) / 0.9) !important;
}

.bg-secondary\/95 {
  background-color: rgb(var(--color-secondary) / 0.95) !important;
}

.bg-success {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-success) / var(--tw-bg-opacity, 1)) !important;
}

.bg-success\/0 {
  background-color: rgb(var(--color-success) / 0) !important;
}

.bg-success\/10 {
  background-color: rgb(var(--color-success) / 0.1) !important;
}

.bg-success\/100 {
  background-color: rgb(var(--color-success) / 1) !important;
}

.bg-success\/15 {
  background-color: rgb(var(--color-success) / 0.15) !important;
}

.bg-success\/20 {
  background-color: rgb(var(--color-success) / 0.2) !important;
}

.bg-success\/25 {
  background-color: rgb(var(--color-success) / 0.25) !important;
}

.bg-success\/30 {
  background-color: rgb(var(--color-success) / 0.3) !important;
}

.bg-success\/35 {
  background-color: rgb(var(--color-success) / 0.35) !important;
}

.bg-success\/40 {
  background-color: rgb(var(--color-success) / 0.4) !important;
}

.bg-success\/45 {
  background-color: rgb(var(--color-success) / 0.45) !important;
}

.bg-success\/5 {
  background-color: rgb(var(--color-success) / 0.05) !important;
}

.bg-success\/50 {
  background-color: rgb(var(--color-success) / 0.5) !important;
}

.bg-success\/55 {
  background-color: rgb(var(--color-success) / 0.55) !important;
}

.bg-success\/60 {
  background-color: rgb(var(--color-success) / 0.6) !important;
}

.bg-success\/65 {
  background-color: rgb(var(--color-success) / 0.65) !important;
}

.bg-success\/70 {
  background-color: rgb(var(--color-success) / 0.7) !important;
}

.bg-success\/75 {
  background-color: rgb(var(--color-success) / 0.75) !important;
}

.bg-success\/80 {
  background-color: rgb(var(--color-success) / 0.8) !important;
}

.bg-success\/85 {
  background-color: rgb(var(--color-success) / 0.85) !important;
}

.bg-success\/90 {
  background-color: rgb(var(--color-success) / 0.9) !important;
}

.bg-success\/95 {
  background-color: rgb(var(--color-success) / 0.95) !important;
}

.bg-surface {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1)) !important;
}

.bg-surface\/0 {
  background-color: rgb(var(--color-surface) / 0) !important;
}

.bg-surface\/10 {
  background-color: rgb(var(--color-surface) / 0.1) !important;
}

.bg-surface\/100 {
  background-color: rgb(var(--color-surface) / 1) !important;
}

.bg-surface\/15 {
  background-color: rgb(var(--color-surface) / 0.15) !important;
}

.bg-surface\/20 {
  background-color: rgb(var(--color-surface) / 0.2) !important;
}

.bg-surface\/25 {
  background-color: rgb(var(--color-surface) / 0.25) !important;
}

.bg-surface\/30 {
  background-color: rgb(var(--color-surface) / 0.3) !important;
}

.bg-surface\/35 {
  background-color: rgb(var(--color-surface) / 0.35) !important;
}

.bg-surface\/40 {
  background-color: rgb(var(--color-surface) / 0.4) !important;
}

.bg-surface\/45 {
  background-color: rgb(var(--color-surface) / 0.45) !important;
}

.bg-surface\/5 {
  background-color: rgb(var(--color-surface) / 0.05) !important;
}

.bg-surface\/50 {
  background-color: rgb(var(--color-surface) / 0.5) !important;
}

.bg-surface\/55 {
  background-color: rgb(var(--color-surface) / 0.55) !important;
}

.bg-surface\/60 {
  background-color: rgb(var(--color-surface) / 0.6) !important;
}

.bg-surface\/65 {
  background-color: rgb(var(--color-surface) / 0.65) !important;
}

.bg-surface\/70 {
  background-color: rgb(var(--color-surface) / 0.7) !important;
}

.bg-surface\/75 {
  background-color: rgb(var(--color-surface) / 0.75) !important;
}

.bg-surface\/80 {
  background-color: rgb(var(--color-surface) / 0.8) !important;
}

.bg-surface\/85 {
  background-color: rgb(var(--color-surface) / 0.85) !important;
}

.bg-surface\/90 {
  background-color: rgb(var(--color-surface) / 0.9) !important;
}

.bg-surface\/95 {
  background-color: rgb(var(--color-surface) / 0.95) !important;
}

.bg-surfaceCont {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-surface-cont) / var(--tw-bg-opacity, 1)) !important;
}

.bg-surfaceCont\/0 {
  background-color: rgb(var(--color-surface-cont) / 0) !important;
}

.bg-surfaceCont\/10 {
  background-color: rgb(var(--color-surface-cont) / 0.1) !important;
}

.bg-surfaceCont\/100 {
  background-color: rgb(var(--color-surface-cont) / 1) !important;
}

.bg-surfaceCont\/15 {
  background-color: rgb(var(--color-surface-cont) / 0.15) !important;
}

.bg-surfaceCont\/20 {
  background-color: rgb(var(--color-surface-cont) / 0.2) !important;
}

.bg-surfaceCont\/25 {
  background-color: rgb(var(--color-surface-cont) / 0.25) !important;
}

.bg-surfaceCont\/30 {
  background-color: rgb(var(--color-surface-cont) / 0.3) !important;
}

.bg-surfaceCont\/35 {
  background-color: rgb(var(--color-surface-cont) / 0.35) !important;
}

.bg-surfaceCont\/40 {
  background-color: rgb(var(--color-surface-cont) / 0.4) !important;
}

.bg-surfaceCont\/45 {
  background-color: rgb(var(--color-surface-cont) / 0.45) !important;
}

.bg-surfaceCont\/5 {
  background-color: rgb(var(--color-surface-cont) / 0.05) !important;
}

.bg-surfaceCont\/50 {
  background-color: rgb(var(--color-surface-cont) / 0.5) !important;
}

.bg-surfaceCont\/55 {
  background-color: rgb(var(--color-surface-cont) / 0.55) !important;
}

.bg-surfaceCont\/60 {
  background-color: rgb(var(--color-surface-cont) / 0.6) !important;
}

.bg-surfaceCont\/65 {
  background-color: rgb(var(--color-surface-cont) / 0.65) !important;
}

.bg-surfaceCont\/70 {
  background-color: rgb(var(--color-surface-cont) / 0.7) !important;
}

.bg-surfaceCont\/75 {
  background-color: rgb(var(--color-surface-cont) / 0.75) !important;
}

.bg-surfaceCont\/80 {
  background-color: rgb(var(--color-surface-cont) / 0.8) !important;
}

.bg-surfaceCont\/85 {
  background-color: rgb(var(--color-surface-cont) / 0.85) !important;
}

.bg-surfaceCont\/90 {
  background-color: rgb(var(--color-surface-cont) / 0.9) !important;
}

.bg-surfaceCont\/95 {
  background-color: rgb(var(--color-surface-cont) / 0.95) !important;
}

.bg-surfaceContLow {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-surface-cont-low) / var(--tw-bg-opacity, 1)) !important;
}

.bg-surfaceContLow\/0 {
  background-color: rgb(var(--color-surface-cont-low) / 0) !important;
}

.bg-surfaceContLow\/10 {
  background-color: rgb(var(--color-surface-cont-low) / 0.1) !important;
}

.bg-surfaceContLow\/100 {
  background-color: rgb(var(--color-surface-cont-low) / 1) !important;
}

.bg-surfaceContLow\/15 {
  background-color: rgb(var(--color-surface-cont-low) / 0.15) !important;
}

.bg-surfaceContLow\/20 {
  background-color: rgb(var(--color-surface-cont-low) / 0.2) !important;
}

.bg-surfaceContLow\/25 {
  background-color: rgb(var(--color-surface-cont-low) / 0.25) !important;
}

.bg-surfaceContLow\/30 {
  background-color: rgb(var(--color-surface-cont-low) / 0.3) !important;
}

.bg-surfaceContLow\/35 {
  background-color: rgb(var(--color-surface-cont-low) / 0.35) !important;
}

.bg-surfaceContLow\/40 {
  background-color: rgb(var(--color-surface-cont-low) / 0.4) !important;
}

.bg-surfaceContLow\/45 {
  background-color: rgb(var(--color-surface-cont-low) / 0.45) !important;
}

.bg-surfaceContLow\/5 {
  background-color: rgb(var(--color-surface-cont-low) / 0.05) !important;
}

.bg-surfaceContLow\/50 {
  background-color: rgb(var(--color-surface-cont-low) / 0.5) !important;
}

.bg-surfaceContLow\/55 {
  background-color: rgb(var(--color-surface-cont-low) / 0.55) !important;
}

.bg-surfaceContLow\/60 {
  background-color: rgb(var(--color-surface-cont-low) / 0.6) !important;
}

.bg-surfaceContLow\/65 {
  background-color: rgb(var(--color-surface-cont-low) / 0.65) !important;
}

.bg-surfaceContLow\/70 {
  background-color: rgb(var(--color-surface-cont-low) / 0.7) !important;
}

.bg-surfaceContLow\/75 {
  background-color: rgb(var(--color-surface-cont-low) / 0.75) !important;
}

.bg-surfaceContLow\/80 {
  background-color: rgb(var(--color-surface-cont-low) / 0.8) !important;
}

.bg-surfaceContLow\/85 {
  background-color: rgb(var(--color-surface-cont-low) / 0.85) !important;
}

.bg-surfaceContLow\/90 {
  background-color: rgb(var(--color-surface-cont-low) / 0.9) !important;
}

.bg-surfaceContLow\/95 {
  background-color: rgb(var(--color-surface-cont-low) / 0.95) !important;
}

.bg-surfaceDim {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1)) !important;
}

.bg-surfaceDim\/0 {
  background-color: rgb(var(--color-surface-dim) / 0) !important;
}

.bg-surfaceDim\/10 {
  background-color: rgb(var(--color-surface-dim) / 0.1) !important;
}

.bg-surfaceDim\/100 {
  background-color: rgb(var(--color-surface-dim) / 1) !important;
}

.bg-surfaceDim\/15 {
  background-color: rgb(var(--color-surface-dim) / 0.15) !important;
}

.bg-surfaceDim\/20 {
  background-color: rgb(var(--color-surface-dim) / 0.2) !important;
}

.bg-surfaceDim\/25 {
  background-color: rgb(var(--color-surface-dim) / 0.25) !important;
}

.bg-surfaceDim\/30 {
  background-color: rgb(var(--color-surface-dim) / 0.3) !important;
}

.bg-surfaceDim\/35 {
  background-color: rgb(var(--color-surface-dim) / 0.35) !important;
}

.bg-surfaceDim\/40 {
  background-color: rgb(var(--color-surface-dim) / 0.4) !important;
}

.bg-surfaceDim\/45 {
  background-color: rgb(var(--color-surface-dim) / 0.45) !important;
}

.bg-surfaceDim\/5 {
  background-color: rgb(var(--color-surface-dim) / 0.05) !important;
}

.bg-surfaceDim\/50 {
  background-color: rgb(var(--color-surface-dim) / 0.5) !important;
}

.bg-surfaceDim\/55 {
  background-color: rgb(var(--color-surface-dim) / 0.55) !important;
}

.bg-surfaceDim\/60 {
  background-color: rgb(var(--color-surface-dim) / 0.6) !important;
}

.bg-surfaceDim\/65 {
  background-color: rgb(var(--color-surface-dim) / 0.65) !important;
}

.bg-surfaceDim\/70 {
  background-color: rgb(var(--color-surface-dim) / 0.7) !important;
}

.bg-surfaceDim\/75 {
  background-color: rgb(var(--color-surface-dim) / 0.75) !important;
}

.bg-surfaceDim\/80 {
  background-color: rgb(var(--color-surface-dim) / 0.8) !important;
}

.bg-surfaceDim\/85 {
  background-color: rgb(var(--color-surface-dim) / 0.85) !important;
}

.bg-surfaceDim\/90 {
  background-color: rgb(var(--color-surface-dim) / 0.9) !important;
}

.bg-surfaceDim\/95 {
  background-color: rgb(var(--color-surface-dim) / 0.95) !important;
}

.bg-surfaceDimCont {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-surface-dim-cont) / var(--tw-bg-opacity, 1)) !important;
}

.bg-surfaceDimCont\/0 {
  background-color: rgb(var(--color-surface-dim-cont) / 0) !important;
}

.bg-surfaceDimCont\/10 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.1) !important;
}

.bg-surfaceDimCont\/100 {
  background-color: rgb(var(--color-surface-dim-cont) / 1) !important;
}

.bg-surfaceDimCont\/15 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.15) !important;
}

.bg-surfaceDimCont\/20 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.2) !important;
}

.bg-surfaceDimCont\/25 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.25) !important;
}

.bg-surfaceDimCont\/30 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.3) !important;
}

.bg-surfaceDimCont\/35 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.35) !important;
}

.bg-surfaceDimCont\/40 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.4) !important;
}

.bg-surfaceDimCont\/45 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.45) !important;
}

.bg-surfaceDimCont\/5 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.05) !important;
}

.bg-surfaceDimCont\/50 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.5) !important;
}

.bg-surfaceDimCont\/55 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.55) !important;
}

.bg-surfaceDimCont\/60 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.6) !important;
}

.bg-surfaceDimCont\/65 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.65) !important;
}

.bg-surfaceDimCont\/70 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.7) !important;
}

.bg-surfaceDimCont\/75 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.75) !important;
}

.bg-surfaceDimCont\/80 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.8) !important;
}

.bg-surfaceDimCont\/85 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.85) !important;
}

.bg-surfaceDimCont\/90 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.9) !important;
}

.bg-surfaceDimCont\/95 {
  background-color: rgb(var(--color-surface-dim-cont) / 0.95) !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-transparent\/0 {
  background-color: rgb(0 0 0 / 0) !important;
}

.bg-transparent\/10 {
  background-color: rgb(0 0 0 / 0.1) !important;
}

.bg-transparent\/100 {
  background-color: rgb(0 0 0 / 1) !important;
}

.bg-transparent\/15 {
  background-color: rgb(0 0 0 / 0.15) !important;
}

.bg-transparent\/20 {
  background-color: rgb(0 0 0 / 0.2) !important;
}

.bg-transparent\/25 {
  background-color: rgb(0 0 0 / 0.25) !important;
}

.bg-transparent\/30 {
  background-color: rgb(0 0 0 / 0.3) !important;
}

.bg-transparent\/35 {
  background-color: rgb(0 0 0 / 0.35) !important;
}

.bg-transparent\/40 {
  background-color: rgb(0 0 0 / 0.4) !important;
}

.bg-transparent\/45 {
  background-color: rgb(0 0 0 / 0.45) !important;
}

.bg-transparent\/5 {
  background-color: rgb(0 0 0 / 0.05) !important;
}

.bg-transparent\/50 {
  background-color: rgb(0 0 0 / 0.5) !important;
}

.bg-transparent\/55 {
  background-color: rgb(0 0 0 / 0.55) !important;
}

.bg-transparent\/60 {
  background-color: rgb(0 0 0 / 0.6) !important;
}

.bg-transparent\/65 {
  background-color: rgb(0 0 0 / 0.65) !important;
}

.bg-transparent\/70 {
  background-color: rgb(0 0 0 / 0.7) !important;
}

.bg-transparent\/75 {
  background-color: rgb(0 0 0 / 0.75) !important;
}

.bg-transparent\/80 {
  background-color: rgb(0 0 0 / 0.8) !important;
}

.bg-transparent\/85 {
  background-color: rgb(0 0 0 / 0.85) !important;
}

.bg-transparent\/90 {
  background-color: rgb(0 0 0 / 0.9) !important;
}

.bg-transparent\/95 {
  background-color: rgb(0 0 0 / 0.95) !important;
}

.bg-warn {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-warn) / var(--tw-bg-opacity, 1)) !important;
}

.bg-warn\/0 {
  background-color: rgb(var(--color-warn) / 0) !important;
}

.bg-warn\/10 {
  background-color: rgb(var(--color-warn) / 0.1) !important;
}

.bg-warn\/100 {
  background-color: rgb(var(--color-warn) / 1) !important;
}

.bg-warn\/15 {
  background-color: rgb(var(--color-warn) / 0.15) !important;
}

.bg-warn\/20 {
  background-color: rgb(var(--color-warn) / 0.2) !important;
}

.bg-warn\/25 {
  background-color: rgb(var(--color-warn) / 0.25) !important;
}

.bg-warn\/30 {
  background-color: rgb(var(--color-warn) / 0.3) !important;
}

.bg-warn\/35 {
  background-color: rgb(var(--color-warn) / 0.35) !important;
}

.bg-warn\/40 {
  background-color: rgb(var(--color-warn) / 0.4) !important;
}

.bg-warn\/45 {
  background-color: rgb(var(--color-warn) / 0.45) !important;
}

.bg-warn\/5 {
  background-color: rgb(var(--color-warn) / 0.05) !important;
}

.bg-warn\/50 {
  background-color: rgb(var(--color-warn) / 0.5) !important;
}

.bg-warn\/55 {
  background-color: rgb(var(--color-warn) / 0.55) !important;
}

.bg-warn\/60 {
  background-color: rgb(var(--color-warn) / 0.6) !important;
}

.bg-warn\/65 {
  background-color: rgb(var(--color-warn) / 0.65) !important;
}

.bg-warn\/70 {
  background-color: rgb(var(--color-warn) / 0.7) !important;
}

.bg-warn\/75 {
  background-color: rgb(var(--color-warn) / 0.75) !important;
}

.bg-warn\/80 {
  background-color: rgb(var(--color-warn) / 0.8) !important;
}

.bg-warn\/85 {
  background-color: rgb(var(--color-warn) / 0.85) !important;
}

.bg-warn\/90 {
  background-color: rgb(var(--color-warn) / 0.9) !important;
}

.bg-warn\/95 {
  background-color: rgb(var(--color-warn) / 0.95) !important;
}

.bg-opacity-0 {
  --tw-bg-opacity: 0 !important;
}

.bg-opacity-10 {
  --tw-bg-opacity: 0.1 !important;
}

.bg-opacity-100 {
  --tw-bg-opacity: 1 !important;
}

.bg-opacity-15 {
  --tw-bg-opacity: 0.15 !important;
}

.bg-opacity-20 {
  --tw-bg-opacity: 0.2 !important;
}

.bg-opacity-25 {
  --tw-bg-opacity: 0.25 !important;
}

.bg-opacity-30 {
  --tw-bg-opacity: 0.3 !important;
}

.bg-opacity-35 {
  --tw-bg-opacity: 0.35 !important;
}

.bg-opacity-40 {
  --tw-bg-opacity: 0.4 !important;
}

.bg-opacity-45 {
  --tw-bg-opacity: 0.45 !important;
}

.bg-opacity-5 {
  --tw-bg-opacity: 0.05 !important;
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5 !important;
}

.bg-opacity-55 {
  --tw-bg-opacity: 0.55 !important;
}

.bg-opacity-60 {
  --tw-bg-opacity: 0.6 !important;
}

.bg-opacity-65 {
  --tw-bg-opacity: 0.65 !important;
}

.bg-opacity-70 {
  --tw-bg-opacity: 0.7 !important;
}

.bg-opacity-75 {
  --tw-bg-opacity: 0.75 !important;
}

.bg-opacity-80 {
  --tw-bg-opacity: 0.8 !important;
}

.bg-opacity-85 {
  --tw-bg-opacity: 0.85 !important;
}

.bg-opacity-90 {
  --tw-bg-opacity: 0.9 !important;
}

.bg-opacity-95 {
  --tw-bg-opacity: 0.95 !important;
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}

.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)) !important;
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important;
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important;
}

.bg-gradient-to-tl {
  background-image: linear-gradient(to top left, var(--tw-gradient-stops)) !important;
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops)) !important;
}

.bg-none {
  background-image: none !important;
}

.bg-pci {
  background-image: url('/ErpNetCoreUI/img/bg-proconsi-custom.svg') !important;
}

.bg-auto {
  background-size: auto !important;
}

.bg-contain {
  background-size: contain !important;
}

.bg-cover {
  background-size: cover !important;
}

.bg-fixed {
  background-attachment: fixed !important;
}

.bg-local {
  background-attachment: local !important;
}

.bg-scroll {
  background-attachment: scroll !important;
}

.bg-clip-border {
  background-clip: border-box !important;
}

.bg-clip-padding {
  background-clip: padding-box !important;
}

.bg-clip-content {
  background-clip: content-box !important;
}

.bg-clip-text {
  -webkit-background-clip: text !important;
          background-clip: text !important;
}

.bg-bottom {
  background-position: bottom !important;
}

.bg-center {
  background-position: center !important;
}

.bg-left {
  background-position: left !important;
}

.bg-left-bottom {
  background-position: left bottom !important;
}

.bg-left-top {
  background-position: left top !important;
}

.bg-right {
  background-position: right !important;
}

.bg-right-bottom {
  background-position: right bottom !important;
}

.bg-right-top {
  background-position: right top !important;
}

.bg-top {
  background-position: top !important;
}

.bg-repeat {
  background-repeat: repeat !important;
}

.bg-no-repeat {
  background-repeat: no-repeat !important;
}

.bg-repeat-x {
  background-repeat: repeat-x !important;
}

.bg-repeat-y {
  background-repeat: repeat-y !important;
}

.bg-repeat-round {
  background-repeat: round !important;
}

.bg-repeat-space {
  background-repeat: space !important;
}

.bg-origin-border {
  background-origin: border-box !important;
}

.bg-origin-padding {
  background-origin: padding-box !important;
}

.bg-origin-content {
  background-origin: content-box !important;
}

.\!p-0 {
  padding: 0px !important;
}

.py-\[15px\] {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.pb-\[1\.3rem\] {
  padding-bottom: 1.3rem !important;
}

.pt-5 {
  padding-top: 1.25rem !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.text-start {
  text-align: start !important;
}

.text-end {
  text-align: end !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}

.text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}

.text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}

.text-5xl {
  font-size: 3rem !important;
  line-height: 1 !important;
}

.text-6xl {
  font-size: 3.75rem !important;
  line-height: 1 !important;
}

.text-7xl {
  font-size: 4.5rem !important;
  line-height: 1 !important;
}

.text-8xl {
  font-size: 6rem !important;
  line-height: 1 !important;
}

.text-9xl {
  font-size: 8rem !important;
  line-height: 1 !important;
}

.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}

.text-xs {
  font-size: 0.82rem !important;
}

.font-semibold {
  font-weight: 600 !important;
}

.italic {
  font-style: italic !important;
}

.ordinal {
  --tw-ordinal: ordinal !important;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important;
}

.text-accent {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-accent) / var(--tw-text-opacity, 1)) !important;
}

.text-accent\/0 {
  color: rgb(var(--color-accent) / 0) !important;
}

.text-accent\/10 {
  color: rgb(var(--color-accent) / 0.1) !important;
}

.text-accent\/100 {
  color: rgb(var(--color-accent) / 1) !important;
}

.text-accent\/15 {
  color: rgb(var(--color-accent) / 0.15) !important;
}

.text-accent\/20 {
  color: rgb(var(--color-accent) / 0.2) !important;
}

.text-accent\/25 {
  color: rgb(var(--color-accent) / 0.25) !important;
}

.text-accent\/30 {
  color: rgb(var(--color-accent) / 0.3) !important;
}

.text-accent\/35 {
  color: rgb(var(--color-accent) / 0.35) !important;
}

.text-accent\/40 {
  color: rgb(var(--color-accent) / 0.4) !important;
}

.text-accent\/45 {
  color: rgb(var(--color-accent) / 0.45) !important;
}

.text-accent\/5 {
  color: rgb(var(--color-accent) / 0.05) !important;
}

.text-accent\/50 {
  color: rgb(var(--color-accent) / 0.5) !important;
}

.text-accent\/55 {
  color: rgb(var(--color-accent) / 0.55) !important;
}

.text-accent\/60 {
  color: rgb(var(--color-accent) / 0.6) !important;
}

.text-accent\/65 {
  color: rgb(var(--color-accent) / 0.65) !important;
}

.text-accent\/70 {
  color: rgb(var(--color-accent) / 0.7) !important;
}

.text-accent\/75 {
  color: rgb(var(--color-accent) / 0.75) !important;
}

.text-accent\/80 {
  color: rgb(var(--color-accent) / 0.8) !important;
}

.text-accent\/85 {
  color: rgb(var(--color-accent) / 0.85) !important;
}

.text-accent\/90 {
  color: rgb(var(--color-accent) / 0.9) !important;
}

.text-accent\/95 {
  color: rgb(var(--color-accent) / 0.95) !important;
}

.text-blanco {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.text-blanco\/0 {
  color: rgb(255 255 255 / 0) !important;
}

.text-blanco\/10 {
  color: rgb(255 255 255 / 0.1) !important;
}

.text-blanco\/100 {
  color: rgb(255 255 255 / 1) !important;
}

.text-blanco\/15 {
  color: rgb(255 255 255 / 0.15) !important;
}

.text-blanco\/20 {
  color: rgb(255 255 255 / 0.2) !important;
}

.text-blanco\/25 {
  color: rgb(255 255 255 / 0.25) !important;
}

.text-blanco\/30 {
  color: rgb(255 255 255 / 0.3) !important;
}

.text-blanco\/35 {
  color: rgb(255 255 255 / 0.35) !important;
}

.text-blanco\/40 {
  color: rgb(255 255 255 / 0.4) !important;
}

.text-blanco\/45 {
  color: rgb(255 255 255 / 0.45) !important;
}

.text-blanco\/5 {
  color: rgb(255 255 255 / 0.05) !important;
}

.text-blanco\/50 {
  color: rgb(255 255 255 / 0.5) !important;
}

.text-blanco\/55 {
  color: rgb(255 255 255 / 0.55) !important;
}

.text-blanco\/60 {
  color: rgb(255 255 255 / 0.6) !important;
}

.text-blanco\/65 {
  color: rgb(255 255 255 / 0.65) !important;
}

.text-blanco\/70 {
  color: rgb(255 255 255 / 0.7) !important;
}

.text-blanco\/75 {
  color: rgb(255 255 255 / 0.75) !important;
}

.text-blanco\/80 {
  color: rgb(255 255 255 / 0.8) !important;
}

.text-blanco\/85 {
  color: rgb(255 255 255 / 0.85) !important;
}

.text-blanco\/90 {
  color: rgb(255 255 255 / 0.9) !important;
}

.text-blanco\/95 {
  color: rgb(255 255 255 / 0.95) !important;
}

.text-disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-disabled) / var(--tw-text-opacity, 1)) !important;
}

.text-disabled\/0 {
  color: rgb(var(--color-disabled) / 0) !important;
}

.text-disabled\/10 {
  color: rgb(var(--color-disabled) / 0.1) !important;
}

.text-disabled\/100 {
  color: rgb(var(--color-disabled) / 1) !important;
}

.text-disabled\/15 {
  color: rgb(var(--color-disabled) / 0.15) !important;
}

.text-disabled\/20 {
  color: rgb(var(--color-disabled) / 0.2) !important;
}

.text-disabled\/25 {
  color: rgb(var(--color-disabled) / 0.25) !important;
}

.text-disabled\/30 {
  color: rgb(var(--color-disabled) / 0.3) !important;
}

.text-disabled\/35 {
  color: rgb(var(--color-disabled) / 0.35) !important;
}

.text-disabled\/40 {
  color: rgb(var(--color-disabled) / 0.4) !important;
}

.text-disabled\/45 {
  color: rgb(var(--color-disabled) / 0.45) !important;
}

.text-disabled\/5 {
  color: rgb(var(--color-disabled) / 0.05) !important;
}

.text-disabled\/50 {
  color: rgb(var(--color-disabled) / 0.5) !important;
}

.text-disabled\/55 {
  color: rgb(var(--color-disabled) / 0.55) !important;
}

.text-disabled\/60 {
  color: rgb(var(--color-disabled) / 0.6) !important;
}

.text-disabled\/65 {
  color: rgb(var(--color-disabled) / 0.65) !important;
}

.text-disabled\/70 {
  color: rgb(var(--color-disabled) / 0.7) !important;
}

.text-disabled\/75 {
  color: rgb(var(--color-disabled) / 0.75) !important;
}

.text-disabled\/80 {
  color: rgb(var(--color-disabled) / 0.8) !important;
}

.text-disabled\/85 {
  color: rgb(var(--color-disabled) / 0.85) !important;
}

.text-disabled\/90 {
  color: rgb(var(--color-disabled) / 0.9) !important;
}

.text-disabled\/95 {
  color: rgb(var(--color-disabled) / 0.95) !important;
}

.text-error {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-error) / var(--tw-text-opacity, 1)) !important;
}

.text-error\/0 {
  color: rgb(var(--color-error) / 0) !important;
}

.text-error\/10 {
  color: rgb(var(--color-error) / 0.1) !important;
}

.text-error\/100 {
  color: rgb(var(--color-error) / 1) !important;
}

.text-error\/15 {
  color: rgb(var(--color-error) / 0.15) !important;
}

.text-error\/20 {
  color: rgb(var(--color-error) / 0.2) !important;
}

.text-error\/25 {
  color: rgb(var(--color-error) / 0.25) !important;
}

.text-error\/30 {
  color: rgb(var(--color-error) / 0.3) !important;
}

.text-error\/35 {
  color: rgb(var(--color-error) / 0.35) !important;
}

.text-error\/40 {
  color: rgb(var(--color-error) / 0.4) !important;
}

.text-error\/45 {
  color: rgb(var(--color-error) / 0.45) !important;
}

.text-error\/5 {
  color: rgb(var(--color-error) / 0.05) !important;
}

.text-error\/50 {
  color: rgb(var(--color-error) / 0.5) !important;
}

.text-error\/55 {
  color: rgb(var(--color-error) / 0.55) !important;
}

.text-error\/60 {
  color: rgb(var(--color-error) / 0.6) !important;
}

.text-error\/65 {
  color: rgb(var(--color-error) / 0.65) !important;
}

.text-error\/70 {
  color: rgb(var(--color-error) / 0.7) !important;
}

.text-error\/75 {
  color: rgb(var(--color-error) / 0.75) !important;
}

.text-error\/80 {
  color: rgb(var(--color-error) / 0.8) !important;
}

.text-error\/85 {
  color: rgb(var(--color-error) / 0.85) !important;
}

.text-error\/90 {
  color: rgb(var(--color-error) / 0.9) !important;
}

.text-error\/95 {
  color: rgb(var(--color-error) / 0.95) !important;
}

.text-info {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-info) / var(--tw-text-opacity, 1)) !important;
}

.text-info\/0 {
  color: rgb(var(--color-info) / 0) !important;
}

.text-info\/10 {
  color: rgb(var(--color-info) / 0.1) !important;
}

.text-info\/100 {
  color: rgb(var(--color-info) / 1) !important;
}

.text-info\/15 {
  color: rgb(var(--color-info) / 0.15) !important;
}

.text-info\/20 {
  color: rgb(var(--color-info) / 0.2) !important;
}

.text-info\/25 {
  color: rgb(var(--color-info) / 0.25) !important;
}

.text-info\/30 {
  color: rgb(var(--color-info) / 0.3) !important;
}

.text-info\/35 {
  color: rgb(var(--color-info) / 0.35) !important;
}

.text-info\/40 {
  color: rgb(var(--color-info) / 0.4) !important;
}

.text-info\/45 {
  color: rgb(var(--color-info) / 0.45) !important;
}

.text-info\/5 {
  color: rgb(var(--color-info) / 0.05) !important;
}

.text-info\/50 {
  color: rgb(var(--color-info) / 0.5) !important;
}

.text-info\/55 {
  color: rgb(var(--color-info) / 0.55) !important;
}

.text-info\/60 {
  color: rgb(var(--color-info) / 0.6) !important;
}

.text-info\/65 {
  color: rgb(var(--color-info) / 0.65) !important;
}

.text-info\/70 {
  color: rgb(var(--color-info) / 0.7) !important;
}

.text-info\/75 {
  color: rgb(var(--color-info) / 0.75) !important;
}

.text-info\/80 {
  color: rgb(var(--color-info) / 0.8) !important;
}

.text-info\/85 {
  color: rgb(var(--color-info) / 0.85) !important;
}

.text-info\/90 {
  color: rgb(var(--color-info) / 0.9) !important;
}

.text-info\/95 {
  color: rgb(var(--color-info) / 0.95) !important;
}

.text-inherit {
  color: inherit !important;
}

.text-links {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-links) / var(--tw-text-opacity, 1)) !important;
}

.text-links\/0 {
  color: rgb(var(--color-links) / 0) !important;
}

.text-links\/10 {
  color: rgb(var(--color-links) / 0.1) !important;
}

.text-links\/100 {
  color: rgb(var(--color-links) / 1) !important;
}

.text-links\/15 {
  color: rgb(var(--color-links) / 0.15) !important;
}

.text-links\/20 {
  color: rgb(var(--color-links) / 0.2) !important;
}

.text-links\/25 {
  color: rgb(var(--color-links) / 0.25) !important;
}

.text-links\/30 {
  color: rgb(var(--color-links) / 0.3) !important;
}

.text-links\/35 {
  color: rgb(var(--color-links) / 0.35) !important;
}

.text-links\/40 {
  color: rgb(var(--color-links) / 0.4) !important;
}

.text-links\/45 {
  color: rgb(var(--color-links) / 0.45) !important;
}

.text-links\/5 {
  color: rgb(var(--color-links) / 0.05) !important;
}

.text-links\/50 {
  color: rgb(var(--color-links) / 0.5) !important;
}

.text-links\/55 {
  color: rgb(var(--color-links) / 0.55) !important;
}

.text-links\/60 {
  color: rgb(var(--color-links) / 0.6) !important;
}

.text-links\/65 {
  color: rgb(var(--color-links) / 0.65) !important;
}

.text-links\/70 {
  color: rgb(var(--color-links) / 0.7) !important;
}

.text-links\/75 {
  color: rgb(var(--color-links) / 0.75) !important;
}

.text-links\/80 {
  color: rgb(var(--color-links) / 0.8) !important;
}

.text-links\/85 {
  color: rgb(var(--color-links) / 0.85) !important;
}

.text-links\/90 {
  color: rgb(var(--color-links) / 0.9) !important;
}

.text-links\/95 {
  color: rgb(var(--color-links) / 0.95) !important;
}

.text-negro {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.text-negro\/0 {
  color: rgb(0 0 0 / 0) !important;
}

.text-negro\/10 {
  color: rgb(0 0 0 / 0.1) !important;
}

.text-negro\/100 {
  color: rgb(0 0 0 / 1) !important;
}

.text-negro\/15 {
  color: rgb(0 0 0 / 0.15) !important;
}

.text-negro\/20 {
  color: rgb(0 0 0 / 0.2) !important;
}

.text-negro\/25 {
  color: rgb(0 0 0 / 0.25) !important;
}

.text-negro\/30 {
  color: rgb(0 0 0 / 0.3) !important;
}

.text-negro\/35 {
  color: rgb(0 0 0 / 0.35) !important;
}

.text-negro\/40 {
  color: rgb(0 0 0 / 0.4) !important;
}

.text-negro\/45 {
  color: rgb(0 0 0 / 0.45) !important;
}

.text-negro\/5 {
  color: rgb(0 0 0 / 0.05) !important;
}

.text-negro\/50 {
  color: rgb(0 0 0 / 0.5) !important;
}

.text-negro\/55 {
  color: rgb(0 0 0 / 0.55) !important;
}

.text-negro\/60 {
  color: rgb(0 0 0 / 0.6) !important;
}

.text-negro\/65 {
  color: rgb(0 0 0 / 0.65) !important;
}

.text-negro\/70 {
  color: rgb(0 0 0 / 0.7) !important;
}

.text-negro\/75 {
  color: rgb(0 0 0 / 0.75) !important;
}

.text-negro\/80 {
  color: rgb(0 0 0 / 0.8) !important;
}

.text-negro\/85 {
  color: rgb(0 0 0 / 0.85) !important;
}

.text-negro\/90 {
  color: rgb(0 0 0 / 0.9) !important;
}

.text-negro\/95 {
  color: rgb(0 0 0 / 0.95) !important;
}

.text-onDisabled {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-onDisabled) / var(--tw-text-opacity, 1)) !important;
}

.text-onDisabled\/0 {
  color: rgb(var(--color-onDisabled) / 0) !important;
}

.text-onDisabled\/10 {
  color: rgb(var(--color-onDisabled) / 0.1) !important;
}

.text-onDisabled\/100 {
  color: rgb(var(--color-onDisabled) / 1) !important;
}

.text-onDisabled\/15 {
  color: rgb(var(--color-onDisabled) / 0.15) !important;
}

.text-onDisabled\/20 {
  color: rgb(var(--color-onDisabled) / 0.2) !important;
}

.text-onDisabled\/25 {
  color: rgb(var(--color-onDisabled) / 0.25) !important;
}

.text-onDisabled\/30 {
  color: rgb(var(--color-onDisabled) / 0.3) !important;
}

.text-onDisabled\/35 {
  color: rgb(var(--color-onDisabled) / 0.35) !important;
}

.text-onDisabled\/40 {
  color: rgb(var(--color-onDisabled) / 0.4) !important;
}

.text-onDisabled\/45 {
  color: rgb(var(--color-onDisabled) / 0.45) !important;
}

.text-onDisabled\/5 {
  color: rgb(var(--color-onDisabled) / 0.05) !important;
}

.text-onDisabled\/50 {
  color: rgb(var(--color-onDisabled) / 0.5) !important;
}

.text-onDisabled\/55 {
  color: rgb(var(--color-onDisabled) / 0.55) !important;
}

.text-onDisabled\/60 {
  color: rgb(var(--color-onDisabled) / 0.6) !important;
}

.text-onDisabled\/65 {
  color: rgb(var(--color-onDisabled) / 0.65) !important;
}

.text-onDisabled\/70 {
  color: rgb(var(--color-onDisabled) / 0.7) !important;
}

.text-onDisabled\/75 {
  color: rgb(var(--color-onDisabled) / 0.75) !important;
}

.text-onDisabled\/80 {
  color: rgb(var(--color-onDisabled) / 0.8) !important;
}

.text-onDisabled\/85 {
  color: rgb(var(--color-onDisabled) / 0.85) !important;
}

.text-onDisabled\/90 {
  color: rgb(var(--color-onDisabled) / 0.9) !important;
}

.text-onDisabled\/95 {
  color: rgb(var(--color-onDisabled) / 0.95) !important;
}

.text-onPrimary {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-primary) / var(--tw-text-opacity, 1)) !important;
}

.text-onPrimary\/0 {
  color: rgb(var(--color-on-primary) / 0) !important;
}

.text-onPrimary\/10 {
  color: rgb(var(--color-on-primary) / 0.1) !important;
}

.text-onPrimary\/100 {
  color: rgb(var(--color-on-primary) / 1) !important;
}

.text-onPrimary\/15 {
  color: rgb(var(--color-on-primary) / 0.15) !important;
}

.text-onPrimary\/20 {
  color: rgb(var(--color-on-primary) / 0.2) !important;
}

.text-onPrimary\/25 {
  color: rgb(var(--color-on-primary) / 0.25) !important;
}

.text-onPrimary\/30 {
  color: rgb(var(--color-on-primary) / 0.3) !important;
}

.text-onPrimary\/35 {
  color: rgb(var(--color-on-primary) / 0.35) !important;
}

.text-onPrimary\/40 {
  color: rgb(var(--color-on-primary) / 0.4) !important;
}

.text-onPrimary\/45 {
  color: rgb(var(--color-on-primary) / 0.45) !important;
}

.text-onPrimary\/5 {
  color: rgb(var(--color-on-primary) / 0.05) !important;
}

.text-onPrimary\/50 {
  color: rgb(var(--color-on-primary) / 0.5) !important;
}

.text-onPrimary\/55 {
  color: rgb(var(--color-on-primary) / 0.55) !important;
}

.text-onPrimary\/60 {
  color: rgb(var(--color-on-primary) / 0.6) !important;
}

.text-onPrimary\/65 {
  color: rgb(var(--color-on-primary) / 0.65) !important;
}

.text-onPrimary\/70 {
  color: rgb(var(--color-on-primary) / 0.7) !important;
}

.text-onPrimary\/75 {
  color: rgb(var(--color-on-primary) / 0.75) !important;
}

.text-onPrimary\/80 {
  color: rgb(var(--color-on-primary) / 0.8) !important;
}

.text-onPrimary\/85 {
  color: rgb(var(--color-on-primary) / 0.85) !important;
}

.text-onPrimary\/90 {
  color: rgb(var(--color-on-primary) / 0.9) !important;
}

.text-onPrimary\/95 {
  color: rgb(var(--color-on-primary) / 0.95) !important;
}

.text-onSecondary {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-secondary) / var(--tw-text-opacity, 1)) !important;
}

.text-onSecondary\/0 {
  color: rgb(var(--color-on-secondary) / 0) !important;
}

.text-onSecondary\/10 {
  color: rgb(var(--color-on-secondary) / 0.1) !important;
}

.text-onSecondary\/100 {
  color: rgb(var(--color-on-secondary) / 1) !important;
}

.text-onSecondary\/15 {
  color: rgb(var(--color-on-secondary) / 0.15) !important;
}

.text-onSecondary\/20 {
  color: rgb(var(--color-on-secondary) / 0.2) !important;
}

.text-onSecondary\/25 {
  color: rgb(var(--color-on-secondary) / 0.25) !important;
}

.text-onSecondary\/30 {
  color: rgb(var(--color-on-secondary) / 0.3) !important;
}

.text-onSecondary\/35 {
  color: rgb(var(--color-on-secondary) / 0.35) !important;
}

.text-onSecondary\/40 {
  color: rgb(var(--color-on-secondary) / 0.4) !important;
}

.text-onSecondary\/45 {
  color: rgb(var(--color-on-secondary) / 0.45) !important;
}

.text-onSecondary\/5 {
  color: rgb(var(--color-on-secondary) / 0.05) !important;
}

.text-onSecondary\/50 {
  color: rgb(var(--color-on-secondary) / 0.5) !important;
}

.text-onSecondary\/55 {
  color: rgb(var(--color-on-secondary) / 0.55) !important;
}

.text-onSecondary\/60 {
  color: rgb(var(--color-on-secondary) / 0.6) !important;
}

.text-onSecondary\/65 {
  color: rgb(var(--color-on-secondary) / 0.65) !important;
}

.text-onSecondary\/70 {
  color: rgb(var(--color-on-secondary) / 0.7) !important;
}

.text-onSecondary\/75 {
  color: rgb(var(--color-on-secondary) / 0.75) !important;
}

.text-onSecondary\/80 {
  color: rgb(var(--color-on-secondary) / 0.8) !important;
}

.text-onSecondary\/85 {
  color: rgb(var(--color-on-secondary) / 0.85) !important;
}

.text-onSecondary\/90 {
  color: rgb(var(--color-on-secondary) / 0.9) !important;
}

.text-onSecondary\/95 {
  color: rgb(var(--color-on-secondary) / 0.95) !important;
}

.text-onSurface {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface) / var(--tw-text-opacity, 1)) !important;
}

.text-onSurface\/0 {
  color: rgb(var(--color-on-surface) / 0) !important;
}

.text-onSurface\/10 {
  color: rgb(var(--color-on-surface) / 0.1) !important;
}

.text-onSurface\/100 {
  color: rgb(var(--color-on-surface) / 1) !important;
}

.text-onSurface\/15 {
  color: rgb(var(--color-on-surface) / 0.15) !important;
}

.text-onSurface\/20 {
  color: rgb(var(--color-on-surface) / 0.2) !important;
}

.text-onSurface\/25 {
  color: rgb(var(--color-on-surface) / 0.25) !important;
}

.text-onSurface\/30 {
  color: rgb(var(--color-on-surface) / 0.3) !important;
}

.text-onSurface\/35 {
  color: rgb(var(--color-on-surface) / 0.35) !important;
}

.text-onSurface\/40 {
  color: rgb(var(--color-on-surface) / 0.4) !important;
}

.text-onSurface\/45 {
  color: rgb(var(--color-on-surface) / 0.45) !important;
}

.text-onSurface\/5 {
  color: rgb(var(--color-on-surface) / 0.05) !important;
}

.text-onSurface\/50 {
  color: rgb(var(--color-on-surface) / 0.5) !important;
}

.text-onSurface\/55 {
  color: rgb(var(--color-on-surface) / 0.55) !important;
}

.text-onSurface\/60 {
  color: rgb(var(--color-on-surface) / 0.6) !important;
}

.text-onSurface\/65 {
  color: rgb(var(--color-on-surface) / 0.65) !important;
}

.text-onSurface\/70 {
  color: rgb(var(--color-on-surface) / 0.7) !important;
}

.text-onSurface\/75 {
  color: rgb(var(--color-on-surface) / 0.75) !important;
}

.text-onSurface\/80 {
  color: rgb(var(--color-on-surface) / 0.8) !important;
}

.text-onSurface\/85 {
  color: rgb(var(--color-on-surface) / 0.85) !important;
}

.text-onSurface\/90 {
  color: rgb(var(--color-on-surface) / 0.9) !important;
}

.text-onSurface\/95 {
  color: rgb(var(--color-on-surface) / 0.95) !important;
}

.text-onSurfaceDim {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1)) !important;
}

.text-onSurfaceDim\/0 {
  color: rgb(var(--color-on-surface-dim) / 0) !important;
}

.text-onSurfaceDim\/10 {
  color: rgb(var(--color-on-surface-dim) / 0.1) !important;
}

.text-onSurfaceDim\/100 {
  color: rgb(var(--color-on-surface-dim) / 1) !important;
}

.text-onSurfaceDim\/15 {
  color: rgb(var(--color-on-surface-dim) / 0.15) !important;
}

.text-onSurfaceDim\/20 {
  color: rgb(var(--color-on-surface-dim) / 0.2) !important;
}

.text-onSurfaceDim\/25 {
  color: rgb(var(--color-on-surface-dim) / 0.25) !important;
}

.text-onSurfaceDim\/30 {
  color: rgb(var(--color-on-surface-dim) / 0.3) !important;
}

.text-onSurfaceDim\/35 {
  color: rgb(var(--color-on-surface-dim) / 0.35) !important;
}

.text-onSurfaceDim\/40 {
  color: rgb(var(--color-on-surface-dim) / 0.4) !important;
}

.text-onSurfaceDim\/45 {
  color: rgb(var(--color-on-surface-dim) / 0.45) !important;
}

.text-onSurfaceDim\/5 {
  color: rgb(var(--color-on-surface-dim) / 0.05) !important;
}

.text-onSurfaceDim\/50 {
  color: rgb(var(--color-on-surface-dim) / 0.5) !important;
}

.text-onSurfaceDim\/55 {
  color: rgb(var(--color-on-surface-dim) / 0.55) !important;
}

.text-onSurfaceDim\/60 {
  color: rgb(var(--color-on-surface-dim) / 0.6) !important;
}

.text-onSurfaceDim\/65 {
  color: rgb(var(--color-on-surface-dim) / 0.65) !important;
}

.text-onSurfaceDim\/70 {
  color: rgb(var(--color-on-surface-dim) / 0.7) !important;
}

.text-onSurfaceDim\/75 {
  color: rgb(var(--color-on-surface-dim) / 0.75) !important;
}

.text-onSurfaceDim\/80 {
  color: rgb(var(--color-on-surface-dim) / 0.8) !important;
}

.text-onSurfaceDim\/85 {
  color: rgb(var(--color-on-surface-dim) / 0.85) !important;
}

.text-onSurfaceDim\/90 {
  color: rgb(var(--color-on-surface-dim) / 0.9) !important;
}

.text-onSurfaceDim\/95 {
  color: rgb(var(--color-on-surface-dim) / 0.95) !important;
}

.text-onSurfaceDimHigh {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-dim-high) / var(--tw-text-opacity, 1)) !important;
}

.text-onSurfaceDimHigh\/0 {
  color: rgb(var(--color-on-surface-dim-high) / 0) !important;
}

.text-onSurfaceDimHigh\/10 {
  color: rgb(var(--color-on-surface-dim-high) / 0.1) !important;
}

.text-onSurfaceDimHigh\/100 {
  color: rgb(var(--color-on-surface-dim-high) / 1) !important;
}

.text-onSurfaceDimHigh\/15 {
  color: rgb(var(--color-on-surface-dim-high) / 0.15) !important;
}

.text-onSurfaceDimHigh\/20 {
  color: rgb(var(--color-on-surface-dim-high) / 0.2) !important;
}

.text-onSurfaceDimHigh\/25 {
  color: rgb(var(--color-on-surface-dim-high) / 0.25) !important;
}

.text-onSurfaceDimHigh\/30 {
  color: rgb(var(--color-on-surface-dim-high) / 0.3) !important;
}

.text-onSurfaceDimHigh\/35 {
  color: rgb(var(--color-on-surface-dim-high) / 0.35) !important;
}

.text-onSurfaceDimHigh\/40 {
  color: rgb(var(--color-on-surface-dim-high) / 0.4) !important;
}

.text-onSurfaceDimHigh\/45 {
  color: rgb(var(--color-on-surface-dim-high) / 0.45) !important;
}

.text-onSurfaceDimHigh\/5 {
  color: rgb(var(--color-on-surface-dim-high) / 0.05) !important;
}

.text-onSurfaceDimHigh\/50 {
  color: rgb(var(--color-on-surface-dim-high) / 0.5) !important;
}

.text-onSurfaceDimHigh\/55 {
  color: rgb(var(--color-on-surface-dim-high) / 0.55) !important;
}

.text-onSurfaceDimHigh\/60 {
  color: rgb(var(--color-on-surface-dim-high) / 0.6) !important;
}

.text-onSurfaceDimHigh\/65 {
  color: rgb(var(--color-on-surface-dim-high) / 0.65) !important;
}

.text-onSurfaceDimHigh\/70 {
  color: rgb(var(--color-on-surface-dim-high) / 0.7) !important;
}

.text-onSurfaceDimHigh\/75 {
  color: rgb(var(--color-on-surface-dim-high) / 0.75) !important;
}

.text-onSurfaceDimHigh\/80 {
  color: rgb(var(--color-on-surface-dim-high) / 0.8) !important;
}

.text-onSurfaceDimHigh\/85 {
  color: rgb(var(--color-on-surface-dim-high) / 0.85) !important;
}

.text-onSurfaceDimHigh\/90 {
  color: rgb(var(--color-on-surface-dim-high) / 0.9) !important;
}

.text-onSurfaceDimHigh\/95 {
  color: rgb(var(--color-on-surface-dim-high) / 0.95) !important;
}

.text-onSurfaceDimLow {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-dim-low) / var(--tw-text-opacity, 1)) !important;
}

.text-onSurfaceDimLow\/0 {
  color: rgb(var(--color-on-surface-dim-low) / 0) !important;
}

.text-onSurfaceDimLow\/10 {
  color: rgb(var(--color-on-surface-dim-low) / 0.1) !important;
}

.text-onSurfaceDimLow\/100 {
  color: rgb(var(--color-on-surface-dim-low) / 1) !important;
}

.text-onSurfaceDimLow\/15 {
  color: rgb(var(--color-on-surface-dim-low) / 0.15) !important;
}

.text-onSurfaceDimLow\/20 {
  color: rgb(var(--color-on-surface-dim-low) / 0.2) !important;
}

.text-onSurfaceDimLow\/25 {
  color: rgb(var(--color-on-surface-dim-low) / 0.25) !important;
}

.text-onSurfaceDimLow\/30 {
  color: rgb(var(--color-on-surface-dim-low) / 0.3) !important;
}

.text-onSurfaceDimLow\/35 {
  color: rgb(var(--color-on-surface-dim-low) / 0.35) !important;
}

.text-onSurfaceDimLow\/40 {
  color: rgb(var(--color-on-surface-dim-low) / 0.4) !important;
}

.text-onSurfaceDimLow\/45 {
  color: rgb(var(--color-on-surface-dim-low) / 0.45) !important;
}

.text-onSurfaceDimLow\/5 {
  color: rgb(var(--color-on-surface-dim-low) / 0.05) !important;
}

.text-onSurfaceDimLow\/50 {
  color: rgb(var(--color-on-surface-dim-low) / 0.5) !important;
}

.text-onSurfaceDimLow\/55 {
  color: rgb(var(--color-on-surface-dim-low) / 0.55) !important;
}

.text-onSurfaceDimLow\/60 {
  color: rgb(var(--color-on-surface-dim-low) / 0.6) !important;
}

.text-onSurfaceDimLow\/65 {
  color: rgb(var(--color-on-surface-dim-low) / 0.65) !important;
}

.text-onSurfaceDimLow\/70 {
  color: rgb(var(--color-on-surface-dim-low) / 0.7) !important;
}

.text-onSurfaceDimLow\/75 {
  color: rgb(var(--color-on-surface-dim-low) / 0.75) !important;
}

.text-onSurfaceDimLow\/80 {
  color: rgb(var(--color-on-surface-dim-low) / 0.8) !important;
}

.text-onSurfaceDimLow\/85 {
  color: rgb(var(--color-on-surface-dim-low) / 0.85) !important;
}

.text-onSurfaceDimLow\/90 {
  color: rgb(var(--color-on-surface-dim-low) / 0.9) !important;
}

.text-onSurfaceDimLow\/95 {
  color: rgb(var(--color-on-surface-dim-low) / 0.95) !important;
}

.text-onSurfaceHigh {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-high) / var(--tw-text-opacity, 1)) !important;
}

.text-onSurfaceHigh\/0 {
  color: rgb(var(--color-on-surface-high) / 0) !important;
}

.text-onSurfaceHigh\/10 {
  color: rgb(var(--color-on-surface-high) / 0.1) !important;
}

.text-onSurfaceHigh\/100 {
  color: rgb(var(--color-on-surface-high) / 1) !important;
}

.text-onSurfaceHigh\/15 {
  color: rgb(var(--color-on-surface-high) / 0.15) !important;
}

.text-onSurfaceHigh\/20 {
  color: rgb(var(--color-on-surface-high) / 0.2) !important;
}

.text-onSurfaceHigh\/25 {
  color: rgb(var(--color-on-surface-high) / 0.25) !important;
}

.text-onSurfaceHigh\/30 {
  color: rgb(var(--color-on-surface-high) / 0.3) !important;
}

.text-onSurfaceHigh\/35 {
  color: rgb(var(--color-on-surface-high) / 0.35) !important;
}

.text-onSurfaceHigh\/40 {
  color: rgb(var(--color-on-surface-high) / 0.4) !important;
}

.text-onSurfaceHigh\/45 {
  color: rgb(var(--color-on-surface-high) / 0.45) !important;
}

.text-onSurfaceHigh\/5 {
  color: rgb(var(--color-on-surface-high) / 0.05) !important;
}

.text-onSurfaceHigh\/50 {
  color: rgb(var(--color-on-surface-high) / 0.5) !important;
}

.text-onSurfaceHigh\/55 {
  color: rgb(var(--color-on-surface-high) / 0.55) !important;
}

.text-onSurfaceHigh\/60 {
  color: rgb(var(--color-on-surface-high) / 0.6) !important;
}

.text-onSurfaceHigh\/65 {
  color: rgb(var(--color-on-surface-high) / 0.65) !important;
}

.text-onSurfaceHigh\/70 {
  color: rgb(var(--color-on-surface-high) / 0.7) !important;
}

.text-onSurfaceHigh\/75 {
  color: rgb(var(--color-on-surface-high) / 0.75) !important;
}

.text-onSurfaceHigh\/80 {
  color: rgb(var(--color-on-surface-high) / 0.8) !important;
}

.text-onSurfaceHigh\/85 {
  color: rgb(var(--color-on-surface-high) / 0.85) !important;
}

.text-onSurfaceHigh\/90 {
  color: rgb(var(--color-on-surface-high) / 0.9) !important;
}

.text-onSurfaceHigh\/95 {
  color: rgb(var(--color-on-surface-high) / 0.95) !important;
}

.text-onSurfaceLow {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-low) / var(--tw-text-opacity, 1)) !important;
}

.text-onSurfaceLow\/0 {
  color: rgb(var(--color-on-surface-low) / 0) !important;
}

.text-onSurfaceLow\/10 {
  color: rgb(var(--color-on-surface-low) / 0.1) !important;
}

.text-onSurfaceLow\/100 {
  color: rgb(var(--color-on-surface-low) / 1) !important;
}

.text-onSurfaceLow\/15 {
  color: rgb(var(--color-on-surface-low) / 0.15) !important;
}

.text-onSurfaceLow\/20 {
  color: rgb(var(--color-on-surface-low) / 0.2) !important;
}

.text-onSurfaceLow\/25 {
  color: rgb(var(--color-on-surface-low) / 0.25) !important;
}

.text-onSurfaceLow\/30 {
  color: rgb(var(--color-on-surface-low) / 0.3) !important;
}

.text-onSurfaceLow\/35 {
  color: rgb(var(--color-on-surface-low) / 0.35) !important;
}

.text-onSurfaceLow\/40 {
  color: rgb(var(--color-on-surface-low) / 0.4) !important;
}

.text-onSurfaceLow\/45 {
  color: rgb(var(--color-on-surface-low) / 0.45) !important;
}

.text-onSurfaceLow\/5 {
  color: rgb(var(--color-on-surface-low) / 0.05) !important;
}

.text-onSurfaceLow\/50 {
  color: rgb(var(--color-on-surface-low) / 0.5) !important;
}

.text-onSurfaceLow\/55 {
  color: rgb(var(--color-on-surface-low) / 0.55) !important;
}

.text-onSurfaceLow\/60 {
  color: rgb(var(--color-on-surface-low) / 0.6) !important;
}

.text-onSurfaceLow\/65 {
  color: rgb(var(--color-on-surface-low) / 0.65) !important;
}

.text-onSurfaceLow\/70 {
  color: rgb(var(--color-on-surface-low) / 0.7) !important;
}

.text-onSurfaceLow\/75 {
  color: rgb(var(--color-on-surface-low) / 0.75) !important;
}

.text-onSurfaceLow\/80 {
  color: rgb(var(--color-on-surface-low) / 0.8) !important;
}

.text-onSurfaceLow\/85 {
  color: rgb(var(--color-on-surface-low) / 0.85) !important;
}

.text-onSurfaceLow\/90 {
  color: rgb(var(--color-on-surface-low) / 0.9) !important;
}

.text-onSurfaceLow\/95 {
  color: rgb(var(--color-on-surface-low) / 0.95) !important;
}

.text-outline {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-outline) / var(--tw-text-opacity, 1)) !important;
}

.text-outline\/0 {
  color: rgb(var(--color-outline) / 0) !important;
}

.text-outline\/10 {
  color: rgb(var(--color-outline) / 0.1) !important;
}

.text-outline\/100 {
  color: rgb(var(--color-outline) / 1) !important;
}

.text-outline\/15 {
  color: rgb(var(--color-outline) / 0.15) !important;
}

.text-outline\/20 {
  color: rgb(var(--color-outline) / 0.2) !important;
}

.text-outline\/25 {
  color: rgb(var(--color-outline) / 0.25) !important;
}

.text-outline\/30 {
  color: rgb(var(--color-outline) / 0.3) !important;
}

.text-outline\/35 {
  color: rgb(var(--color-outline) / 0.35) !important;
}

.text-outline\/40 {
  color: rgb(var(--color-outline) / 0.4) !important;
}

.text-outline\/45 {
  color: rgb(var(--color-outline) / 0.45) !important;
}

.text-outline\/5 {
  color: rgb(var(--color-outline) / 0.05) !important;
}

.text-outline\/50 {
  color: rgb(var(--color-outline) / 0.5) !important;
}

.text-outline\/55 {
  color: rgb(var(--color-outline) / 0.55) !important;
}

.text-outline\/60 {
  color: rgb(var(--color-outline) / 0.6) !important;
}

.text-outline\/65 {
  color: rgb(var(--color-outline) / 0.65) !important;
}

.text-outline\/70 {
  color: rgb(var(--color-outline) / 0.7) !important;
}

.text-outline\/75 {
  color: rgb(var(--color-outline) / 0.75) !important;
}

.text-outline\/80 {
  color: rgb(var(--color-outline) / 0.8) !important;
}

.text-outline\/85 {
  color: rgb(var(--color-outline) / 0.85) !important;
}

.text-outline\/90 {
  color: rgb(var(--color-outline) / 0.9) !important;
}

.text-outline\/95 {
  color: rgb(var(--color-outline) / 0.95) !important;
}

.text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1)) !important;
}

.text-primary\/0 {
  color: rgb(var(--color-primary) / 0) !important;
}

.text-primary\/10 {
  color: rgb(var(--color-primary) / 0.1) !important;
}

.text-primary\/100 {
  color: rgb(var(--color-primary) / 1) !important;
}

.text-primary\/15 {
  color: rgb(var(--color-primary) / 0.15) !important;
}

.text-primary\/20 {
  color: rgb(var(--color-primary) / 0.2) !important;
}

.text-primary\/25 {
  color: rgb(var(--color-primary) / 0.25) !important;
}

.text-primary\/30 {
  color: rgb(var(--color-primary) / 0.3) !important;
}

.text-primary\/35 {
  color: rgb(var(--color-primary) / 0.35) !important;
}

.text-primary\/40 {
  color: rgb(var(--color-primary) / 0.4) !important;
}

.text-primary\/45 {
  color: rgb(var(--color-primary) / 0.45) !important;
}

.text-primary\/5 {
  color: rgb(var(--color-primary) / 0.05) !important;
}

.text-primary\/50 {
  color: rgb(var(--color-primary) / 0.5) !important;
}

.text-primary\/55 {
  color: rgb(var(--color-primary) / 0.55) !important;
}

.text-primary\/60 {
  color: rgb(var(--color-primary) / 0.6) !important;
}

.text-primary\/65 {
  color: rgb(var(--color-primary) / 0.65) !important;
}

.text-primary\/70 {
  color: rgb(var(--color-primary) / 0.7) !important;
}

.text-primary\/75 {
  color: rgb(var(--color-primary) / 0.75) !important;
}

.text-primary\/80 {
  color: rgb(var(--color-primary) / 0.8) !important;
}

.text-primary\/85 {
  color: rgb(var(--color-primary) / 0.85) !important;
}

.text-primary\/90 {
  color: rgb(var(--color-primary) / 0.9) !important;
}

.text-primary\/95 {
  color: rgb(var(--color-primary) / 0.95) !important;
}

.text-secondary {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-secondary) / var(--tw-text-opacity, 1)) !important;
}

.text-secondary\/0 {
  color: rgb(var(--color-secondary) / 0) !important;
}

.text-secondary\/10 {
  color: rgb(var(--color-secondary) / 0.1) !important;
}

.text-secondary\/100 {
  color: rgb(var(--color-secondary) / 1) !important;
}

.text-secondary\/15 {
  color: rgb(var(--color-secondary) / 0.15) !important;
}

.text-secondary\/20 {
  color: rgb(var(--color-secondary) / 0.2) !important;
}

.text-secondary\/25 {
  color: rgb(var(--color-secondary) / 0.25) !important;
}

.text-secondary\/30 {
  color: rgb(var(--color-secondary) / 0.3) !important;
}

.text-secondary\/35 {
  color: rgb(var(--color-secondary) / 0.35) !important;
}

.text-secondary\/40 {
  color: rgb(var(--color-secondary) / 0.4) !important;
}

.text-secondary\/45 {
  color: rgb(var(--color-secondary) / 0.45) !important;
}

.text-secondary\/5 {
  color: rgb(var(--color-secondary) / 0.05) !important;
}

.text-secondary\/50 {
  color: rgb(var(--color-secondary) / 0.5) !important;
}

.text-secondary\/55 {
  color: rgb(var(--color-secondary) / 0.55) !important;
}

.text-secondary\/60 {
  color: rgb(var(--color-secondary) / 0.6) !important;
}

.text-secondary\/65 {
  color: rgb(var(--color-secondary) / 0.65) !important;
}

.text-secondary\/70 {
  color: rgb(var(--color-secondary) / 0.7) !important;
}

.text-secondary\/75 {
  color: rgb(var(--color-secondary) / 0.75) !important;
}

.text-secondary\/80 {
  color: rgb(var(--color-secondary) / 0.8) !important;
}

.text-secondary\/85 {
  color: rgb(var(--color-secondary) / 0.85) !important;
}

.text-secondary\/90 {
  color: rgb(var(--color-secondary) / 0.9) !important;
}

.text-secondary\/95 {
  color: rgb(var(--color-secondary) / 0.95) !important;
}

.text-success {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-success) / var(--tw-text-opacity, 1)) !important;
}

.text-success\/0 {
  color: rgb(var(--color-success) / 0) !important;
}

.text-success\/10 {
  color: rgb(var(--color-success) / 0.1) !important;
}

.text-success\/100 {
  color: rgb(var(--color-success) / 1) !important;
}

.text-success\/15 {
  color: rgb(var(--color-success) / 0.15) !important;
}

.text-success\/20 {
  color: rgb(var(--color-success) / 0.2) !important;
}

.text-success\/25 {
  color: rgb(var(--color-success) / 0.25) !important;
}

.text-success\/30 {
  color: rgb(var(--color-success) / 0.3) !important;
}

.text-success\/35 {
  color: rgb(var(--color-success) / 0.35) !important;
}

.text-success\/40 {
  color: rgb(var(--color-success) / 0.4) !important;
}

.text-success\/45 {
  color: rgb(var(--color-success) / 0.45) !important;
}

.text-success\/5 {
  color: rgb(var(--color-success) / 0.05) !important;
}

.text-success\/50 {
  color: rgb(var(--color-success) / 0.5) !important;
}

.text-success\/55 {
  color: rgb(var(--color-success) / 0.55) !important;
}

.text-success\/60 {
  color: rgb(var(--color-success) / 0.6) !important;
}

.text-success\/65 {
  color: rgb(var(--color-success) / 0.65) !important;
}

.text-success\/70 {
  color: rgb(var(--color-success) / 0.7) !important;
}

.text-success\/75 {
  color: rgb(var(--color-success) / 0.75) !important;
}

.text-success\/80 {
  color: rgb(var(--color-success) / 0.8) !important;
}

.text-success\/85 {
  color: rgb(var(--color-success) / 0.85) !important;
}

.text-success\/90 {
  color: rgb(var(--color-success) / 0.9) !important;
}

.text-success\/95 {
  color: rgb(var(--color-success) / 0.95) !important;
}

.text-surface {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-surface) / var(--tw-text-opacity, 1)) !important;
}

.text-surface\/0 {
  color: rgb(var(--color-surface) / 0) !important;
}

.text-surface\/10 {
  color: rgb(var(--color-surface) / 0.1) !important;
}

.text-surface\/100 {
  color: rgb(var(--color-surface) / 1) !important;
}

.text-surface\/15 {
  color: rgb(var(--color-surface) / 0.15) !important;
}

.text-surface\/20 {
  color: rgb(var(--color-surface) / 0.2) !important;
}

.text-surface\/25 {
  color: rgb(var(--color-surface) / 0.25) !important;
}

.text-surface\/30 {
  color: rgb(var(--color-surface) / 0.3) !important;
}

.text-surface\/35 {
  color: rgb(var(--color-surface) / 0.35) !important;
}

.text-surface\/40 {
  color: rgb(var(--color-surface) / 0.4) !important;
}

.text-surface\/45 {
  color: rgb(var(--color-surface) / 0.45) !important;
}

.text-surface\/5 {
  color: rgb(var(--color-surface) / 0.05) !important;
}

.text-surface\/50 {
  color: rgb(var(--color-surface) / 0.5) !important;
}

.text-surface\/55 {
  color: rgb(var(--color-surface) / 0.55) !important;
}

.text-surface\/60 {
  color: rgb(var(--color-surface) / 0.6) !important;
}

.text-surface\/65 {
  color: rgb(var(--color-surface) / 0.65) !important;
}

.text-surface\/70 {
  color: rgb(var(--color-surface) / 0.7) !important;
}

.text-surface\/75 {
  color: rgb(var(--color-surface) / 0.75) !important;
}

.text-surface\/80 {
  color: rgb(var(--color-surface) / 0.8) !important;
}

.text-surface\/85 {
  color: rgb(var(--color-surface) / 0.85) !important;
}

.text-surface\/90 {
  color: rgb(var(--color-surface) / 0.9) !important;
}

.text-surface\/95 {
  color: rgb(var(--color-surface) / 0.95) !important;
}

.text-surfaceCont {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-surface-cont) / var(--tw-text-opacity, 1)) !important;
}

.text-surfaceCont\/0 {
  color: rgb(var(--color-surface-cont) / 0) !important;
}

.text-surfaceCont\/10 {
  color: rgb(var(--color-surface-cont) / 0.1) !important;
}

.text-surfaceCont\/100 {
  color: rgb(var(--color-surface-cont) / 1) !important;
}

.text-surfaceCont\/15 {
  color: rgb(var(--color-surface-cont) / 0.15) !important;
}

.text-surfaceCont\/20 {
  color: rgb(var(--color-surface-cont) / 0.2) !important;
}

.text-surfaceCont\/25 {
  color: rgb(var(--color-surface-cont) / 0.25) !important;
}

.text-surfaceCont\/30 {
  color: rgb(var(--color-surface-cont) / 0.3) !important;
}

.text-surfaceCont\/35 {
  color: rgb(var(--color-surface-cont) / 0.35) !important;
}

.text-surfaceCont\/40 {
  color: rgb(var(--color-surface-cont) / 0.4) !important;
}

.text-surfaceCont\/45 {
  color: rgb(var(--color-surface-cont) / 0.45) !important;
}

.text-surfaceCont\/5 {
  color: rgb(var(--color-surface-cont) / 0.05) !important;
}

.text-surfaceCont\/50 {
  color: rgb(var(--color-surface-cont) / 0.5) !important;
}

.text-surfaceCont\/55 {
  color: rgb(var(--color-surface-cont) / 0.55) !important;
}

.text-surfaceCont\/60 {
  color: rgb(var(--color-surface-cont) / 0.6) !important;
}

.text-surfaceCont\/65 {
  color: rgb(var(--color-surface-cont) / 0.65) !important;
}

.text-surfaceCont\/70 {
  color: rgb(var(--color-surface-cont) / 0.7) !important;
}

.text-surfaceCont\/75 {
  color: rgb(var(--color-surface-cont) / 0.75) !important;
}

.text-surfaceCont\/80 {
  color: rgb(var(--color-surface-cont) / 0.8) !important;
}

.text-surfaceCont\/85 {
  color: rgb(var(--color-surface-cont) / 0.85) !important;
}

.text-surfaceCont\/90 {
  color: rgb(var(--color-surface-cont) / 0.9) !important;
}

.text-surfaceCont\/95 {
  color: rgb(var(--color-surface-cont) / 0.95) !important;
}

.text-surfaceContLow {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-surface-cont-low) / var(--tw-text-opacity, 1)) !important;
}

.text-surfaceContLow\/0 {
  color: rgb(var(--color-surface-cont-low) / 0) !important;
}

.text-surfaceContLow\/10 {
  color: rgb(var(--color-surface-cont-low) / 0.1) !important;
}

.text-surfaceContLow\/100 {
  color: rgb(var(--color-surface-cont-low) / 1) !important;
}

.text-surfaceContLow\/15 {
  color: rgb(var(--color-surface-cont-low) / 0.15) !important;
}

.text-surfaceContLow\/20 {
  color: rgb(var(--color-surface-cont-low) / 0.2) !important;
}

.text-surfaceContLow\/25 {
  color: rgb(var(--color-surface-cont-low) / 0.25) !important;
}

.text-surfaceContLow\/30 {
  color: rgb(var(--color-surface-cont-low) / 0.3) !important;
}

.text-surfaceContLow\/35 {
  color: rgb(var(--color-surface-cont-low) / 0.35) !important;
}

.text-surfaceContLow\/40 {
  color: rgb(var(--color-surface-cont-low) / 0.4) !important;
}

.text-surfaceContLow\/45 {
  color: rgb(var(--color-surface-cont-low) / 0.45) !important;
}

.text-surfaceContLow\/5 {
  color: rgb(var(--color-surface-cont-low) / 0.05) !important;
}

.text-surfaceContLow\/50 {
  color: rgb(var(--color-surface-cont-low) / 0.5) !important;
}

.text-surfaceContLow\/55 {
  color: rgb(var(--color-surface-cont-low) / 0.55) !important;
}

.text-surfaceContLow\/60 {
  color: rgb(var(--color-surface-cont-low) / 0.6) !important;
}

.text-surfaceContLow\/65 {
  color: rgb(var(--color-surface-cont-low) / 0.65) !important;
}

.text-surfaceContLow\/70 {
  color: rgb(var(--color-surface-cont-low) / 0.7) !important;
}

.text-surfaceContLow\/75 {
  color: rgb(var(--color-surface-cont-low) / 0.75) !important;
}

.text-surfaceContLow\/80 {
  color: rgb(var(--color-surface-cont-low) / 0.8) !important;
}

.text-surfaceContLow\/85 {
  color: rgb(var(--color-surface-cont-low) / 0.85) !important;
}

.text-surfaceContLow\/90 {
  color: rgb(var(--color-surface-cont-low) / 0.9) !important;
}

.text-surfaceContLow\/95 {
  color: rgb(var(--color-surface-cont-low) / 0.95) !important;
}

.text-surfaceDim {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-surface-dim) / var(--tw-text-opacity, 1)) !important;
}

.text-surfaceDim\/0 {
  color: rgb(var(--color-surface-dim) / 0) !important;
}

.text-surfaceDim\/10 {
  color: rgb(var(--color-surface-dim) / 0.1) !important;
}

.text-surfaceDim\/100 {
  color: rgb(var(--color-surface-dim) / 1) !important;
}

.text-surfaceDim\/15 {
  color: rgb(var(--color-surface-dim) / 0.15) !important;
}

.text-surfaceDim\/20 {
  color: rgb(var(--color-surface-dim) / 0.2) !important;
}

.text-surfaceDim\/25 {
  color: rgb(var(--color-surface-dim) / 0.25) !important;
}

.text-surfaceDim\/30 {
  color: rgb(var(--color-surface-dim) / 0.3) !important;
}

.text-surfaceDim\/35 {
  color: rgb(var(--color-surface-dim) / 0.35) !important;
}

.text-surfaceDim\/40 {
  color: rgb(var(--color-surface-dim) / 0.4) !important;
}

.text-surfaceDim\/45 {
  color: rgb(var(--color-surface-dim) / 0.45) !important;
}

.text-surfaceDim\/5 {
  color: rgb(var(--color-surface-dim) / 0.05) !important;
}

.text-surfaceDim\/50 {
  color: rgb(var(--color-surface-dim) / 0.5) !important;
}

.text-surfaceDim\/55 {
  color: rgb(var(--color-surface-dim) / 0.55) !important;
}

.text-surfaceDim\/60 {
  color: rgb(var(--color-surface-dim) / 0.6) !important;
}

.text-surfaceDim\/65 {
  color: rgb(var(--color-surface-dim) / 0.65) !important;
}

.text-surfaceDim\/70 {
  color: rgb(var(--color-surface-dim) / 0.7) !important;
}

.text-surfaceDim\/75 {
  color: rgb(var(--color-surface-dim) / 0.75) !important;
}

.text-surfaceDim\/80 {
  color: rgb(var(--color-surface-dim) / 0.8) !important;
}

.text-surfaceDim\/85 {
  color: rgb(var(--color-surface-dim) / 0.85) !important;
}

.text-surfaceDim\/90 {
  color: rgb(var(--color-surface-dim) / 0.9) !important;
}

.text-surfaceDim\/95 {
  color: rgb(var(--color-surface-dim) / 0.95) !important;
}

.text-surfaceDimCont {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-surface-dim-cont) / var(--tw-text-opacity, 1)) !important;
}

.text-surfaceDimCont\/0 {
  color: rgb(var(--color-surface-dim-cont) / 0) !important;
}

.text-surfaceDimCont\/10 {
  color: rgb(var(--color-surface-dim-cont) / 0.1) !important;
}

.text-surfaceDimCont\/100 {
  color: rgb(var(--color-surface-dim-cont) / 1) !important;
}

.text-surfaceDimCont\/15 {
  color: rgb(var(--color-surface-dim-cont) / 0.15) !important;
}

.text-surfaceDimCont\/20 {
  color: rgb(var(--color-surface-dim-cont) / 0.2) !important;
}

.text-surfaceDimCont\/25 {
  color: rgb(var(--color-surface-dim-cont) / 0.25) !important;
}

.text-surfaceDimCont\/30 {
  color: rgb(var(--color-surface-dim-cont) / 0.3) !important;
}

.text-surfaceDimCont\/35 {
  color: rgb(var(--color-surface-dim-cont) / 0.35) !important;
}

.text-surfaceDimCont\/40 {
  color: rgb(var(--color-surface-dim-cont) / 0.4) !important;
}

.text-surfaceDimCont\/45 {
  color: rgb(var(--color-surface-dim-cont) / 0.45) !important;
}

.text-surfaceDimCont\/5 {
  color: rgb(var(--color-surface-dim-cont) / 0.05) !important;
}

.text-surfaceDimCont\/50 {
  color: rgb(var(--color-surface-dim-cont) / 0.5) !important;
}

.text-surfaceDimCont\/55 {
  color: rgb(var(--color-surface-dim-cont) / 0.55) !important;
}

.text-surfaceDimCont\/60 {
  color: rgb(var(--color-surface-dim-cont) / 0.6) !important;
}

.text-surfaceDimCont\/65 {
  color: rgb(var(--color-surface-dim-cont) / 0.65) !important;
}

.text-surfaceDimCont\/70 {
  color: rgb(var(--color-surface-dim-cont) / 0.7) !important;
}

.text-surfaceDimCont\/75 {
  color: rgb(var(--color-surface-dim-cont) / 0.75) !important;
}

.text-surfaceDimCont\/80 {
  color: rgb(var(--color-surface-dim-cont) / 0.8) !important;
}

.text-surfaceDimCont\/85 {
  color: rgb(var(--color-surface-dim-cont) / 0.85) !important;
}

.text-surfaceDimCont\/90 {
  color: rgb(var(--color-surface-dim-cont) / 0.9) !important;
}

.text-surfaceDimCont\/95 {
  color: rgb(var(--color-surface-dim-cont) / 0.95) !important;
}

.text-transparent {
  color: transparent !important;
}

.text-transparent\/0 {
  color: rgb(0 0 0 / 0) !important;
}

.text-transparent\/10 {
  color: rgb(0 0 0 / 0.1) !important;
}

.text-transparent\/100 {
  color: rgb(0 0 0 / 1) !important;
}

.text-transparent\/15 {
  color: rgb(0 0 0 / 0.15) !important;
}

.text-transparent\/20 {
  color: rgb(0 0 0 / 0.2) !important;
}

.text-transparent\/25 {
  color: rgb(0 0 0 / 0.25) !important;
}

.text-transparent\/30 {
  color: rgb(0 0 0 / 0.3) !important;
}

.text-transparent\/35 {
  color: rgb(0 0 0 / 0.35) !important;
}

.text-transparent\/40 {
  color: rgb(0 0 0 / 0.4) !important;
}

.text-transparent\/45 {
  color: rgb(0 0 0 / 0.45) !important;
}

.text-transparent\/5 {
  color: rgb(0 0 0 / 0.05) !important;
}

.text-transparent\/50 {
  color: rgb(0 0 0 / 0.5) !important;
}

.text-transparent\/55 {
  color: rgb(0 0 0 / 0.55) !important;
}

.text-transparent\/60 {
  color: rgb(0 0 0 / 0.6) !important;
}

.text-transparent\/65 {
  color: rgb(0 0 0 / 0.65) !important;
}

.text-transparent\/70 {
  color: rgb(0 0 0 / 0.7) !important;
}

.text-transparent\/75 {
  color: rgb(0 0 0 / 0.75) !important;
}

.text-transparent\/80 {
  color: rgb(0 0 0 / 0.8) !important;
}

.text-transparent\/85 {
  color: rgb(0 0 0 / 0.85) !important;
}

.text-transparent\/90 {
  color: rgb(0 0 0 / 0.9) !important;
}

.text-transparent\/95 {
  color: rgb(0 0 0 / 0.95) !important;
}

.text-warn {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-warn) / var(--tw-text-opacity, 1)) !important;
}

.text-warn\/0 {
  color: rgb(var(--color-warn) / 0) !important;
}

.text-warn\/10 {
  color: rgb(var(--color-warn) / 0.1) !important;
}

.text-warn\/100 {
  color: rgb(var(--color-warn) / 1) !important;
}

.text-warn\/15 {
  color: rgb(var(--color-warn) / 0.15) !important;
}

.text-warn\/20 {
  color: rgb(var(--color-warn) / 0.2) !important;
}

.text-warn\/25 {
  color: rgb(var(--color-warn) / 0.25) !important;
}

.text-warn\/30 {
  color: rgb(var(--color-warn) / 0.3) !important;
}

.text-warn\/35 {
  color: rgb(var(--color-warn) / 0.35) !important;
}

.text-warn\/40 {
  color: rgb(var(--color-warn) / 0.4) !important;
}

.text-warn\/45 {
  color: rgb(var(--color-warn) / 0.45) !important;
}

.text-warn\/5 {
  color: rgb(var(--color-warn) / 0.05) !important;
}

.text-warn\/50 {
  color: rgb(var(--color-warn) / 0.5) !important;
}

.text-warn\/55 {
  color: rgb(var(--color-warn) / 0.55) !important;
}

.text-warn\/60 {
  color: rgb(var(--color-warn) / 0.6) !important;
}

.text-warn\/65 {
  color: rgb(var(--color-warn) / 0.65) !important;
}

.text-warn\/70 {
  color: rgb(var(--color-warn) / 0.7) !important;
}

.text-warn\/75 {
  color: rgb(var(--color-warn) / 0.75) !important;
}

.text-warn\/80 {
  color: rgb(var(--color-warn) / 0.8) !important;
}

.text-warn\/85 {
  color: rgb(var(--color-warn) / 0.85) !important;
}

.text-warn\/90 {
  color: rgb(var(--color-warn) / 0.9) !important;
}

.text-warn\/95 {
  color: rgb(var(--color-warn) / 0.95) !important;
}

.text-opacity-0 {
  --tw-text-opacity: 0 !important;
}

.text-opacity-10 {
  --tw-text-opacity: 0.1 !important;
}

.text-opacity-100 {
  --tw-text-opacity: 1 !important;
}

.text-opacity-15 {
  --tw-text-opacity: 0.15 !important;
}

.text-opacity-20 {
  --tw-text-opacity: 0.2 !important;
}

.text-opacity-25 {
  --tw-text-opacity: 0.25 !important;
}

.text-opacity-30 {
  --tw-text-opacity: 0.3 !important;
}

.text-opacity-35 {
  --tw-text-opacity: 0.35 !important;
}

.text-opacity-40 {
  --tw-text-opacity: 0.4 !important;
}

.text-opacity-45 {
  --tw-text-opacity: 0.45 !important;
}

.text-opacity-5 {
  --tw-text-opacity: 0.05 !important;
}

.text-opacity-50 {
  --tw-text-opacity: 0.5 !important;
}

.text-opacity-55 {
  --tw-text-opacity: 0.55 !important;
}

.text-opacity-60 {
  --tw-text-opacity: 0.6 !important;
}

.text-opacity-65 {
  --tw-text-opacity: 0.65 !important;
}

.text-opacity-70 {
  --tw-text-opacity: 0.7 !important;
}

.text-opacity-75 {
  --tw-text-opacity: 0.75 !important;
}

.text-opacity-80 {
  --tw-text-opacity: 0.8 !important;
}

.text-opacity-85 {
  --tw-text-opacity: 0.85 !important;
}

.text-opacity-90 {
  --tw-text-opacity: 0.9 !important;
}

.text-opacity-95 {
  --tw-text-opacity: 0.95 !important;
}

.bg-blend-normal {
  background-blend-mode: normal !important;
}

.bg-blend-multiply {
  background-blend-mode: multiply !important;
}

.bg-blend-screen {
  background-blend-mode: screen !important;
}

.bg-blend-overlay {
  background-blend-mode: overlay !important;
}

.bg-blend-darken {
  background-blend-mode: darken !important;
}

.bg-blend-lighten {
  background-blend-mode: lighten !important;
}

.bg-blend-color-dodge {
  background-blend-mode: color-dodge !important;
}

.bg-blend-color-burn {
  background-blend-mode: color-burn !important;
}

.bg-blend-hard-light {
  background-blend-mode: hard-light !important;
}

.bg-blend-soft-light {
  background-blend-mode: soft-light !important;
}

.bg-blend-difference {
  background-blend-mode: difference !important;
}

.bg-blend-exclusion {
  background-blend-mode: exclusion !important;
}

.bg-blend-hue {
  background-blend-mode: hue !important;
}

.bg-blend-saturation {
  background-blend-mode: saturation !important;
}

.bg-blend-color {
  background-blend-mode: color !important;
}

.bg-blend-luminosity {
  background-blend-mode: luminosity !important;
}

.shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.sidebar-expanded, .sidebar-collapsed {
  transition: width 0.3s cubic-bezier(0.4,0,0.2,1), min-width 0.3s cubic-bezier(0.4,0,0.2,1);
  overflow: hidden;
}

/* Optional: collapse/expand animation for menu content */

.sidebar-expanded #sidebar-menu, .sidebar-expanded #sidebar-user {
  opacity: 1;
  transition: opacity 0.3s, max-height 0.3s;
}

.erp-spinner-fullscreen {
  position: fixed;
  inset: 0px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.erp-spinner {
  width: 4rem;
  height: 4rem;
  border: 0.5rem solid rgba(0,0,0,0.07);
  border-top: 0.5rem solid rgb(var(--color-primary));
  border-radius: 50%;
  animation: erp-spin 1s linear infinite;
}

@keyframes erp-spin {
  0% {
    transform: rotate(0deg);
  }

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

/* Styles/Components/ErpPanelesBILayout.css */

.erp-paneles-container {
  overflow: auto;
  padding: 1rem;
  max-height: 100%;
  overflow-y: auto;
}

.erp-panel-card {
  border-radius: 1rem;
  padding: 1rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-color: rgb(var(--color-primary));
  border-width: 2px;
  background-color: rgb(var(--color-surface));
}

.panel-bi-title {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: rgb(var(--color-on-surface-high));
}

/* Estilos globales para los toast de la aplicación */

.pbc-toast-container {
  max-height: 300px !important;
  overflow: hidden !important;
}

.pbc-toast {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-surface-dim) / var(--tw-bg-opacity, 1)) !important;
  padding: 0px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-on-surface-dim) / var(--tw-text-opacity, 1)) !important;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pbc-toast-icon-container {
  margin-right: 0px !important;
}

.pbc-toast-message-container {
  width: 100% !important;
  overflow: auto;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-width: 1px;
  border-left-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-outline) / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.pbc-toast-message-container::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}

.pbc-toast-message-container::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}

.pbc-toast-message-container::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}

.pbc-toast-message-container::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}

.pbc-toast-message-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}

.pbc-toast-message-container::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}

.pbc-toast-message-container::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}

.pbc-toast-message-container::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}

.pbc-toast-message-container::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}

.pbc-toast-message-container {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}

.pbc-toast-message-container::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}

.pbc-toast-error .pbc-toast-icon-container {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-error) / var(--tw-bg-opacity, 1)) !important;
  padding: 0.5rem;
}

.pbc-toast-success .pbc-toast-icon-container {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-success) / var(--tw-bg-opacity, 1)) !important;
  padding: 0.5rem;
}

.pbc-toast-warning .pbc-toast-icon-container {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-warn) / var(--tw-bg-opacity, 1)) !important;
  padding: 0.5rem;
}

.pbc-toast-info .pbc-toast-icon-container {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-info) / var(--tw-bg-opacity, 1)) !important;
  padding: 0.5rem;
}

.pbc-toast-icon-container .pbc-icon {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.pbc-toast-message {
  border-left-width: 3px;
  padding: 0.5rem;
}

.pbc-toast-error .pbc-toast-message {
  --tw-border-opacity: 1;
  border-left-color: rgb(var(--color-error) / var(--tw-border-opacity, 1));
}

.pbc-toast-success .pbc-toast-message {
  --tw-border-opacity: 1;
  border-left-color: rgb(var(--color-success) / var(--tw-border-opacity, 1));
}

.pbc-toast-warning .pbc-toast-message {
  --tw-border-opacity: 1;
  border-left-color: rgb(var(--color-warn) / var(--tw-border-opacity, 1));
}

.pbc-toast-info .pbc-toast-message {
  --tw-border-opacity: 1;
  border-left-color: rgb(var(--color-info) / var(--tw-border-opacity, 1));
}

.pbc-toast-icon-internal {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1)) !important;
}

iframe {
  width: 100%;
  height: 25rem;
  border: none;
  border-radius: 8px;
}

pretext {
  margin-right: 0%;
  margin-left: 0%;
  margin-bottom: 0%;
  margin-top: 0%;
  font-family: Tahoma;
}

.erp-multipleitemlist {
  grid-column: span 12 / span 12;
}

.erp-multipleitemlist-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.erp-multipleitemlist-item .button-icon {
  min-height: 0.5rem !important;
  min-width: 0.5rem !important;
}

.erp-multipleitemlist-item-boton {
  display: flex;
  min-width: 40px;
  align-items: center;
  justify-content: center;
}

.erp-multipleitemlist-item-content {
  display: grid;
  flex: 1 1 0%;
  gap: 0.5rem;
}

.erp-multipleitemlist-toolbar {
  display: flex;
  gap: 10px;
  padding-bottom: 1rem;
}

.erp-multipleitemlist-toolbar .button-icon {
  min-height: 0.5rem !important;
  min-width: 0.5rem !important;
}

.erp-multipleitemlist-toolbar-title {
  overflow-wrap: normal;
  word-break: normal;
  font-size: 1rem;
  line-height: 1.25rem;
  color: rgb(var(--color-primary)/var(--tw-text-opacity,1));
}

.erp-multipleitemlist-empty {
  margin-bottom: 1.5rem;
}

.erp-multipleitemlist-message-info {
  color: rgb(var(--color-success)/var(--tw-text-opacity,1));
}

.erp-multipleitemlist-message-warning {
  color: rgb(var(--color-warn)/var(--tw-text-opacity,1));
}

.erp-multipleitemlist-message-error {
  color: rgb(var(--color-error)/var(--tw-text-opacity,1));
}

.erp-multipleitemlist-message-default {
  color: rgb(var(--color-primary)/var(--tw-text-opacity,1));
}

.erp-multipleitemlist-info-icon {
  color: rgb(var(--color-success)/var(--tw-text-opacity,1));
}

.erp-multipleitemlist-message {
  padding-bottom: 0.1rem;
}

.erp-multipleitemlist-message-container {
  padding-bottom: 1rem;
}

.container-botones-campos .erp-multipleitemlist-boton-hover:hover .pbc-icon-wrapper .pbc-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.erp-multipleitemlist-boton-hover:hover {
  cursor: pointer;
  background-color: rgb(var(--color-surface-dim-cont)/var(--tw-bg-opacity,1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* Variables CSS unificadas para todo el sistema */

:root {
  --default-shadow: rgba(0, 0, 0, 0.2);
  /* sombra estándar */
}

/* tema oscuro creativo */

html[data-theme='dark'] {
  --color-accent: 255 199 88;
  /* un dorado vibrante para destacar */
  --color-primary: 28 100 130;
  /* azul petróleo profundo */
  --color-on-primary: 255 255 255;
  /* texto claro sobre fondo oscuro */
  --color-secondary: 20 30 35;
  /* gris azulado muy oscuro */
  --color-on-secondary: 230 230 230;
  /* texto claro sobre gris oscuro */
  --color-surface: 42 42 42;
  /* fondo general oscuro */
  --color-surface-cont: 30 30 30;
  /* contenedores ligeramente más claros */
  --color-surface-cont-low: 45 45 45;
  /* más contraste para superficies bajas */
  --color-on-surface: 200 200 200;
  /* texto gris claro */
  --color-on-surface-high: 240 240 240;
  /* texto muy visible */
  --color-on-surface-low: 120 120 120;
  /* texto atenuado */
  --color-surface-dim: 24 24 27;
  /* fondo apagado */
  --color-on-surface-dim: 170 170 170;
  /* texto sobre fondo apagado */
  --color-on-surface-dim-high: 210 210 210;
  /* más contraste en textos */
  --color-on-surface-dim-low: 100 100 100;
  /* texto más tenue */
  --color-surface-dim-cont: 20 20 25;
  /* contenedores sobre fondo dim */
  --color-outline: 70 70 70;
  /* líneas sutiles */
  --color-outline-medium: 50 50 50;
  /* líneas más apagadas */
  --color-links: 120 150 255;
  /* azul vibrante, accesible sobre fondo oscuro */
  --color-success: 34 197 94;
  /* verde brillante (ya válido para dark) */
  --color-info: 59 130 246;
  /* azul informativo (válido también) */
  --color-warn: 255 159 10;
  /* naranja dorado para advertencias */
  --color-error: 255 80 80;
  /* rojo más vivo sobre oscuro */
  --color-disabled: 70 70 70;
  /* fondo gris oscuro para deshabilitados */
  --color-on-disabled: 150 150 150;
  /* texto gris claro */
  .erp-section-title, .login-usuario-container label, .login-password-container label, .selector-idioma label {
    color: rgb(var(--color-accent));
  }
}

/*
*
* En este archivo se definen los colores para los diferentes temas de la aplicación.
*
* En el archivo tailwind.config.js se establecen los colores a usar en la aplicación, cogiendo
* las variables css definidas en este archivo. Como para cada color (primary, secondary, accent, etc) tiene el mismo
* nombre de variable, se puede usar de forma genérica en la aplicación. 
* Al cambiar entre temas, cada variable tomará el color su tema en cuestión.
*
* IMPORTANTE: Dejo aquí el comando a ejecutar para compilar el archivo tailwind.css y que pille los cambios en caliente
*
* [  npx tailwindcss -i ./Styles/tailwind.css -o ./wwwroot/css/tailwind.css --watch  ]
*  
*
*/

.erp-xs .erp-xs\:section-template-xs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
}

.erp-sm .erp-sm\:section-template-sm {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0.5rem;
}

.erp-md .erp-md\:section-template-md {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 0.5rem;
}