body {
  display: block !important;
  place-items: unset !important;
}
.v-container {
  max-width: 100% !important;
  @media (min-width: 2560px) {
    max-width: 100% !important;
  }
  @media (min-width: 1920px) {
    max-width: 100% !important;
  }
  @media (min-width: 1280px) {
    max-width: 100% !important;
  }
  @media (min-width: 960px) {
    max-width: 100% !important;
  }
}
.single-spa-container {
  height: 100%;
  width: 100%;
}
.apps-dinamicas {
  height: 100%;
}
.v-container {
  width: 100%;
  height: 100%;
  padding: 0px !important;
}

.radius-xl {
  border-radius: var(--v-border-radiusXl);
}

.radius-lg {
  border-radius: var(--v-border-radiusLg);
}

.radius-ml {
  border-radius: var(--v-border-radiusMl);
}

.radius-m {
  border-radius: var(--v-border-radiusM);
}

.radius-sm {
  border-radius: var(--v-border-radiusSm);
}

.radius-s {
  border-radius: var(--v-border-radiusS);
}

.radius-xs {
  border-radius: var(--v-border-radiusXs);
}

.radius-xxs {
  border-radius: var(--v-border-radiusXxs);
}

.spacing-4xl {
  margin: var(--v-spacing4xl);
  padding: var(--v-spacing4xl);
}

.spacing-3xl {
  margin: var(--v-spacing3xl);
  padding: var(--v-spacing3xl);
}

.spacing-2xl {
  margin: var(--v-spacing2xl);
  padding: var(--v-spacing2xl);
}

.spacing-1xl {
  margin: var(--v-spacing1xl);
  padding: var(--v-spacing1xl);
}

.spacing-xl {
  margin: var(--v-spacingXl);
  padding: var(--v-spacingXl);
}

.spacing-l {
  margin: var(--v-spacingL);
  padding: var(--v-spacingL);
}

.spacing-ml {
  margin: var(--v-spacingMl);
  padding: var(--v-spacingMl);
}

.spacing-base {
  margin: var(--v-spacingBase);
  padding: var(--v-spacingBase);
}

.spacing-m {
  margin: var(--v-spacingM);
  padding: var(--v-spacingM);
}

.spacing-sm {
  margin: var(--v-spacingSm);
  padding: var(--v-spacingSm);
}

.spacing-s {
  margin: var(--v-spacingS);
  padding: var(--v-spacingS);
}

.spacing-xs {
  margin: var(--v-spacingXs);
  padding: var(--v-spacingXs);
}

.spacing-xxs {
  margin: var(--v-spacingXxs);
  padding: var(--v-spacingXxs);
}
.display1 {
  font-family: Arial !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  line-height: 52.8px !important;
  text-align: left !important;
}
.display2 {
  font-family: Arial !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 48px !important;
  text-align: left !important;
}
.display3 {
  font-family: Arial !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 38.4px !important;
  text-align: left !important;
}
.heading1 {
  font-family: Asap !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 33.6px !important;
  text-align: left !important;
}
.heading2 {
  font-family: Asap !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 28.8px !important;
  text-align: left !important;
}
.heading3 {
  font-family: Asap !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  text-align: left !important;
}
.heading4 {
  font-family: Asap !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 21.6px !important;
  text-align: left !important;
}
.feature-bold {
  font-family: Asap;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
}
.feature-accent {
  font-family: Asap;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  text-align: left;
}
.feature-emphasis {
  font-family: Asap;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 21.6px;
  text-align: left;
}
.feature-standart {
  font-family: Asap;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  text-align: left;
}
.highlight-bold {
  font-family: Asap;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.2px;
  text-align: left;
}
.highlight-accent {
  font-family: Asap;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  text-align: left;
}
.highlight-emphasis {
  font-family: Asap;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
}
.highlight-standard {
  font-family: Asap !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19.2px !important;
  text-align: left !important;
}
.content-bold {
  font-family: Asap;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  text-align: left;
}
.content-accent {
  font-family: Asap;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
}
.content-emphasis {
  font-family: Asap;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
}
.content-regular {
  font-family: Asap;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
}
.caption-accent {
  font-family: Asap;
  font-size: 12px;
  font-weight: 600;
  line-height: 14.4px;
  text-align: left;
}
.caption-emphasis {
  font-family: Asap;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 14.4px;
  text-align: left;
}
.caption-regular {
  font-family: Asap;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  text-align: left;
}
body {
  font-family: "Asap", Arial, sans-serif !important;
}
.v-btn--primary {
  background-color: rgb(var(--v-theme-secondary)) !important;
  width: auto !important;
  height: 54px !important;
  padding: 16px !important;
  gap: 4px !important;
  box-shadow: 0px 2px 16px 0px #00000014 !important;
  border-radius: 8px !important;
  text-transform: none !important;
}
.v-btn--primary:hover {
  background-color: rgb(var(--v-theme-secondary-400)) !important;
}
.v-btn--primary:disabled {
  background-color: rgb(var(--v-theme-neutral-300)) !important;
}
.v-btn--primary:disabled span.v-btn__content {
  color: rgb(var(--v-theme-neutral-500)) !important;
}
.v-btn--primary:active {
  background-color: rgb(var(--v-theme-secondary-700)) !important;
}
.v-btn--primary span.v-btn__content {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: rgb(var(--v-theme-primary-900)) !important;
}
.v-btn--primary span.v-btn__append {
  margin: 0px;
}
.v-btn--secondary {
  background-color: rgb(var(--v-theme-base-white)) !important;
  width: auto !important;
  height: 54px !important;
  padding: 5px !important;
  gap: 1px !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-color: rgb(var(--v-theme-primary)) !important;
  box-shadow: 0px 2px 16px 0px #00000014 !important;
  border-radius: 8px !important;
  text-transform: none !important;
}
.v-btn--alerta {
  width: auto !important;
  height: 54px !important;
  padding: 5px !important;
  gap: 1px !important;
  box-shadow: 0px 2px 16px 0px #00000014 !important;
  border-radius: 8px !important;
  text-transform: none !important;
}
.v-btn--secondary span.v-btn__content {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: rgb(var(--v-theme-primary-900)) !important;
}
.v-btn--secondary span.v-btn__append {
  margin: 0px;
}
.v-btn--secondary:hover {
  background-color: rgb(var(--v-theme-primary-100)) !important;
}
.v-btn--secondary:disabled {
  border-style: none !important;
  border-width: 0px !important;
  background-color: rgb(var(--v-theme-neutral-300)) !important;
}
.v-btn--secondary:disabled span.v-btn__content {
  color: rgb(var(--v-theme-neutral-500)) !important;
}
.v-btn--secondary:active {
  background-color: rgb(var(--v-theme-primary-800)) !important;
}
.v-btn--secondary:active span.v-btn__content {
  color: rgb(var(--v-theme-base-white)) !important;
}
.main-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
  height: 100%;
}
.div-body-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.body-title {
  color: var(--v-theme-neutral-900, #161616);
  font-family: Asap;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.card-custom {
  display: flex;
  padding: var(--7, 20px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--6, 18px);
  border-radius: var(--3, 8px);
  border: 1px solid rgb(var(--v-theme-neutral-200, #e3e3e3));
  background: rgb(var(--v-theme-base-white, #fff));
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);
  width: 100%;
}
.v-autocomplete--custom{
  .v-field{
    border-radius: var(--Spacing-s, 8px) !important;
    border: 1px solid var(--v-theme-neutral-400, #b0b0b0) !important;
    background: #fff !important;
  }
}
.v-autocomplete--custom .v-autocomplete__content {
  > .v-list--one-line {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--3, 8px);
    border: 1px solid rgb(var(--v-theme-neutral-200, #e3e3e3)) !important;
    background: rgb(var(--v-theme-base-white, #fff)) !important;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden;
    color: var(--v-theme-neutral-900, #161616);
    text-overflow: ellipsis;
    font-family: Asap;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    > .v-list-item--one-line {
      width: 100%;
      &:not(:last-child) {
        border-bottom: 1px solid rgb(var(--v-theme-neutral-200, #e3e3e3)) !important;
      }
    }
    .v-list-item--active {
      background: rgb(var(--v-theme-primary, #27488e)) !important;
      color: rgb(var(--v-theme-base-white, #fff)) !important;
      :hover {
        background: rgb(var(--v-theme-primary-200, #e3e3e3)) !important;
        color: var(--v-theme-neutral-900, #161616) !important;
      }
    }
    :hover {
      background: rgb(var(--v-theme-primary-200, #e3e3e3)) !important;
      color: var(--v-theme-neutral-900, #161616) !important;
    }
  }
}
.input-title {
  color: rgb(var(--v-theme-primary, #27488e));
  font-family: Asap;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.v-text-field--custom .v-field,
.v-file-input--custom .v-field,
.v-textarea--custom .v-field {
  border-radius: var(--Spacing-s, 8px);
  background: var(--v-theme-base-white, #fff);
  display: flex;
  align-items: center;
  gap: var(--Spacing-m, 16px);
  flex-shrink: 0;
}
.v-text-field--custom,
.v-autocomplete--custom .v-input .v-input__control input,
.v-input .v-input__control input,
.v-file-input--custom .v-field__field,
.v-textarea--custom .v-field--variant-outlined .v-field__input {
  font-family: Asap !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.v-combobox--custom .v-field,
.v-select--custom .v-field {
  --v-field-padding-start: var(--Spacing-m, 16px);
  --v-field-padding-end: var(--Spacing-m, 16px);
  --v-field-border-width: 1px;
  --v-field-border-opacity: 1;
  --v-field-border-color: rgb(var(--v-theme-neutral-300, #c5c5c5));
  border: 1px solid rgb(var(--v-theme-neutral-300, #c5c5c5));
  border-radius: var(--Spacing-s, 8px);
  background: var(--v-theme-base-white, #fff);
  display: flex;
  align-items: center;
  gap: var(--Spacing-m, 16px);
  flex-shrink: 0;
  box-shadow: none;
}

.grid-size-control {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-2xs, 6px);
}

.grid-size-label {
  font-family: Asap, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: rgb(var(--v-theme-primary-600, #183a7a));
}

.grid-size-select .v-field {
  --v-field-border-color: rgb(var(--v-theme-primary-600, #183a7a));
  border-color: rgb(var(--v-theme-primary-600, #183a7a));
  background: rgba(var(--v-theme-primary), 0.08);
}

.grid-size-select .v-select__selection-text {
  color: rgb(var(--v-theme-primary-600, #183a7a)) !important;
  font-weight: 600;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}

.grid-size-select .v-field__input {
  color: rgb(var(--v-theme-primary-600, #183a7a)) !important;
}

.grid-size-select .v-field__input input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}

.grid-size-select .v-field__append-inner,
.grid-size-select .v-field__append-inner .v-icon {
  color: rgb(var(--v-theme-primary-500, #2c56a3)) !important;
}

.grid-size-select .v-field.v-field--focused {
  --v-field-border-color: rgb(var(--v-theme-primary-400, #3f63b7));
  border-color: rgb(var(--v-theme-primary-400, #3f63b7));
  box-shadow: 0 0 0 1px rgba(var(--v-theme-primary-400, #3f63b7), 0.24) !important;
}
.v-combobox--custom .v-field.v-field--focused,
.v-select--custom .v-field.v-field--focused {
  --v-field-border-color: rgb(var(--v-theme-neutral-500, #6f6f6f));
  border-color: rgb(var(--v-theme-neutral-500, #6f6f6f));
  --v-field-border-opacity: 1;
  box-shadow: 0 0 0 1px rgba(var(--v-theme-neutral-500, #6f6f6f), 0.16) !important;
}

.v-autocomplete--custom {
  .v-input__control {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
.v-text-field--custom,
.v-autocomplete--custom .v-input .v-input__control input:placeholder-shown {
  color: rgb(var(--v-theme-base-black, #000)) !important;
}
.v-autocomplete--custom .v-autocomplete__selection {
  font-family: Asap !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 120% !important;
}
.btn-filters {
  display: flex !important;
  width: auto !important;
  padding: var(--5, 16px) !important;
  justify-content: space-between !important;
  align-items: center !important;
  .v-btn__content {
    gap: var(--Spacing-xs, 4px);
    width: auto;
  }
}
.btn-exportar {
  height: 58px !important;
  .v-btn__content {
    gap: var(--Spacing-xs, 4px);
  }
  span {
    overflow: hidden;
    color: rgb(var(--v-theme-primary-700, #3058ae));
    text-align: center;
    text-overflow: ellipsis;
    font-family: Asap;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: none !important;
  }
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.25s ease;
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.alertas-chips {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px var(--0, 0px) 0px;
  align-items: flex-end;
  gap: var(--4, 12px);
  align-self: stretch;
  overflow-y: visible;
}
.monitoreo-chips {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px var(--0, 0px) 0px;
  align-items: flex-end;
  gap: var(--4, 12px);
  align-self: stretch;
  overflow-y: visible;
}
.v-chip--custom {
  max-width: 300px !important;
  height: auto !important;

  .v-chip__content {
    display: flex !important;
    padding: var(--4, 12px) var(--5, 16px) !important;
    justify-content: center !important;
    align-items: center !important;
    gap: var(--2, 6px) !important;
    overflow: hidden !important;
  }
  .v-chip__content p:first-of-type {
    color: rgb(var(--v-theme-primary, #3058ae)) !important;
    text-align: center !important;
    font-family: Asap !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    text-transform: none !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
}
.inactive {
  .v-chip--custom {
    opacity: 0.6;
  }
}
.active {
  .v-chip--custom {
    background-color: rgb(var(--v-theme-primary-100, #f0f2fa)) !important;
  }
}
.chip-icon {
  display: flex;
  place-items: center;
}
.swal2-actions {
  display: flex;
  gap: 16px;
}
.swal2-title {
  color: var(--v-theme-neutral-900, #161616);
  font-family: Asap;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.swal2-html-container {
  color: rgb(var(--v-theme-neutral-700, #383838));
  font-family: Asap;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.btn-confirm-custom {
  display: inline-flex;
  padding: var(--5, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--1, 4px);
  border-radius: var(--Spacing-s, 8px);
  background: rgb(var(--v-theme-secondary, #ffe700));
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);
  border: 2px solid rgb(var(--v-theme-secondary, #ffe700));
  overflow: hidden;
  color: rgb(var(--v-theme-primary, #1a2f5d)) !important;
  text-align: center;
  text-overflow: ellipsis;
  font-family: Asap;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.btn-confirm-custom:hover {
  background: rgb(var(--v-theme-secondary-400, #ffd700));
}
.btn-confirm-custom:active {
  background: rgb(var(--v-theme-secondary-800, #ffb700));
}
.btn-confirm-custom:disabled {
  background: rgb(var(--v-theme-neutral-300, #e3e3e3));
  color: rgb(var(--v-theme-neutral-500, #8a8a8a)) !important;
}
.btn-cancel-custom,
.btn-deny-custom {
  display: inline-flex;
  padding: var(--5, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--1, 4px);
  border-radius: var(--Spacing-s, 8px);
  border: 2px solid rgb(var(--v-theme-primary-700, #3058ae));
  background: #fff;
  overflow: hidden;
  color: rgb(var(--v-theme-primary-700, #3058ae)) !important;
  text-align: center;
  text-overflow: ellipsis;
  font-family: Asap;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  :hover {
    background: rgb(var(--v-theme-primary-100, #e3e3e3));
  }
  :active {
    background: rgb(var(--v-theme-primary-800, #27488e));
    color: rgb(var(--v-theme-base-white, #fff)) !important;
  }
  :disabled {
    background: rgb(var(--v-theme-neutral-300, #e3e3e3));
    color: rgb(var(--v-theme-neutral-500, #8a8a8a)) !important;
  }
}
.btn-cancel-custom:hover,
.btn-deny-custom:hover {
  background: rgb(var(--v-theme-primary-100, #e3e3e3));
}
.btn-cancel-custom:active,
.btn-deny-custom:active {
  background: rgb(var(--v-theme-primary-800, #27488e));
  color: rgb(var(--v-theme-base-white, #fff)) !important;
}
.btn-cancel-custom:disabled,
.btn-deny-custom:disabled {
  background: rgb(var(--v-theme-neutral-300, #e3e3e3));
  color: rgb(var(--v-theme-neutral-500, #8a8a8a)) !important;
}
.v-slider-thumb__label {
  background-color: rgb(var(--v-theme-primary-800, #27488e)) !important;
}
.v-slider-thumb__label::before {
  color: rgba(var(--v-theme-primary-800), 0.9) !important;
}
.v-switch--custom {
  .v-selection-control--dirty {
    .v-switch__track {
      border: none;
      opacity: 1;
      background-color: rgba(var(--v-theme-primary, #27488e), 1) !important;
    }
    .v-switch__thumb {
      height: 20px;
      width: 20px;
      background-color: rgb(var(--v-theme-base-white, #fff)) !important;
    }
  }
  .v-selection-control__wrapper {
    width: 52px !important;
  }
  .v-switch__track {
    height: 28px;
    width: 52px;
    border-color: #b0b0b0;
    border: 1px solid #b0b0b0;
  }
  .v-switch__thumb {
    height: 16px;
    width: 16px;
  }
}
.filters-principal {
  display: flex;
  width: 100%;
  padding: 0px 0px var(--0, 0px) 0px;
  align-items: center !important;
  align-content: center !important;
  gap: var(--7, 20px) var(--4, 12px);
  align-self: stretch;
  flex-wrap: wrap;
}

.filters-mas {
  display: flex;
  padding: 0px 0px var(--0, 0px) 0px;
  align-items: flex-start;
  align-content: center;
  gap: var(--7, 20px) var(--4, 12px);
  align-self: stretch;
  flex-wrap: wrap;
}

.v-tabs--custom {
  border-bottom: 1px solid rgb(var(--v-theme-neutral-200, #e3e3e3));
}

.c-modal-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1010;
}

.c-modal-card-custom {
  display: grid;
  max-height: 95%;
  width: 70%;
  padding: var(--9, 28px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--8, 24px);
  border-radius: var(--4, 12px);
  background: rgb(var(--v-theme-base-white, #fff));
  grid-template-rows: auto 1fr;
}

.c-modal-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-self: baseline;
  width: 100%;
}

.c-modal-header-title {
  overflow: hidden;
  color: rgb(var(--v-theme-neutral-900, #161616));
  text-overflow: ellipsis;
  font-family: Asap;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  place-content: center;
}

.c-modal-subtitle {
  overflow: hidden;
  color: rgb(var(--v-theme-base-black, #000));
  text-overflow: ellipsis;
  font-family: Asap;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.c-modal-card-title {
  color: rgb(var(--v-theme-neutral-600, #696969));
  font-family: Asap;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.c-modal-body-card {
  flex-grow: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--6, 18px);
  flex: 1 0 0;
  align-self: stretch;
}

.c-modal-card-footer {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: var(--4, 12px);
  align-self: stretch;
}

.c-modal-btn-close-icon {
  display: flex;
  padding: 4px;
  align-items: center;
  gap: 10px;
}

.v-btn--close {
  display: flex !important;
  padding: var(--Spacing-xs, 6px) !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: var(--Spacing-sm, 12px) !important;
  background: rgb(var(--v-theme-primary-100, #f0f2fa)) !important;
  min-width: 44px !important;
  width: 44px !important;
  height: 44px !important;
}

.c-modal-body {
  display: grid;
  gap: 16px;
  overflow: auto;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}

.v-tab--custom span {
  overflow: hidden;
  color: rgb(var(--v-theme-primary-700, #3058ae)) !important;
  text-align: center;
  text-overflow: ellipsis;
  font-family: Asap;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  flex-shrink: 0;
}

.v-tab--custom[aria-selected="true"] {
  border-radius: var(--1, 4px) var(--1, 4px) var(--0, 0px) var(--0, 0px);
  border-bottom: 2px solid var(--v-theme-primary, #27488e);
  background: var(--v-theme-primary-200, #e0eaff);
}
.ag-row-focus[aria-selected="true"] {
  path {
    fill: white !important;
  }
}
.c-modal-form-card {
  display: flex;
  padding: var(--7, 20px) var(--8, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--6, 18px);
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--3, 8px);
  border: 1px solid var(--v-theme-primary-200, #e3e3e3);
}

.input-title-alt {
  color: rgb(var(--v-theme-neutral-700, #383838));
  font-family: Asap;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.swal2-container {
  z-index: 10000;
}

.apply-pointer-to-input.v-text-field--custom .v-field input {
  cursor: pointer !important;
}

.mdi-check {
  margin: 0px !important;
}
.ag-theme-quartz,
.ag-theme-quartz-dark,
.ag-theme-quartz-auto-dark {
  --ag-value-change-value-highlight-background-color: rgba(
    61,
    106,
    202,
    0.66
  ) !important;
}
.v-toolbar--custom {
  background-color: rgb(var(--v-theme-base-white, #fff)) !important;
  .v-toolbar__content {
    padding-left: 12px !important;
    padding-right: 12px !important;
    height: var(--v-toolbarHeight) !important;
  }
  .v-toolbar-title__placeholder {
    color: rgb(var(--v-theme-neutral-900, #161616));
    font-family: Asap;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
  }
}
.v-stepper-header {
  height: 60px !important;
  box-shadow: none !important;
  background: #fff !important;
}
.v-stepper.v-sheet {
  background: #fbfbfb !important;
  height: 100% !important;
  width: 100% !important;
}
.v-stepper-item--selected {
  border-radius: var(--1, 4px) var(--1, 4px) var(--0, 0px) var(--0, 0px);
  border-bottom: 2px solid var(--Base-Primary, #27488e);
  background: var(--Primary-Primary-200, #e0eaff);
  span {
    overflow: hidden;
    color: var(--Primary-Primary-700, #3058ae);
    text-align: center;
    text-overflow: ellipsis;
    font-family: Asap;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
  }
}
.v-stepper-item--selected .v-stepper-item__avatar.v-avatar,
.v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
  background: rgb(var(--v-theme-primary, #3058ae)) !important;
}
.v-stepper-header .v-divider {
  margin: 0px !important;
}
.v-toolbar-items {
  display: flex;
  align-items: center;
  gap: var(--Spacing-xs, 16px);
}

.v-dialog--fullscreen
  > .v-overlay__content:has(:nth-child(2)):not(:has(:nth-child(3))) {
  display: grid !important;
  grid-template-rows: auto 1fr !important;
}
.v-list-item--grilla {
  padding: 0px 10px 0px 10px !important;
}

.c-alert {
  background-color: rgba(var(--v-theme-primary-100));
}
.c-alert .v-alert__content {
  font-size: 16px;
  font-weight: 600;
  font-family: "Asap";
  color: rgba(var(--v-theme-primary));
}
.c-alert .v-alert__prepend > i {
  color: rgb(var(--v-theme-primary));
}
.ag-row-selected[aria-selected="true"] {
  svg[fill="none"] path {
    stroke: #fff !important;
  }
}
.card-custom-grid {
  flex: 1;
  min-height: 0;
  height: 100%;

}
.grid-scroll {
  min-height: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.grid-custom-height {
  height: calc(100dvh - 350px) !important;
}