/* :root {
  --blanco: #ffffff;
  --primario: #216425;
  --primario-tono-20: #003909;
  --primario-tono-40: #286c2b;
  --primario-tono-60: #5ba058;
  --primario-tono-80: #90d889;
  --primario-claro: #abf5a3;
  --secundario: #ffff64;
  --secundario-tono-60: #959600;
  --secundario-oscuro: #cdcd35;
  --terciario: #d0ffc9;
  --error: #ba1a1a;
  --neutral: #333333;
  --variante-neutral: #5a6057;
  --medium-grey: #707070;
  --vn-tonal-99: #f8fef2;
  --vn-tonal-95: #edf3e6;
  --vn-tonal-90: #dee5d8;
  --vn-tonal-80: #c2c9bd;
  --vn-tonal-60: #8c9388;
  --vn-tonal-40: #5a6057;
  --vn-tonal-20: #2C322A;
} */

:root {
  --blanco: #ffffff;
  --primario: #935800;
  --primario-cabecera: #BE7200;
  --primario-tono-20: #683F00;
  --primario-tono-40: #683F00;
  --primario-tono-60: #BE7200;
  --primario-tono-80: #FFA114;
  /* --primario-claro: #abf5a3; */
  /* --secundario: #ffff64;
  --secundario-tono-60: #959600;
  --secundario-oscuro: #cdcd35; */
  --terciario: #E98C00;
  --cuaternario: #FFC46A;
  --error: #ba1a1a;
  --neutral: #333333;
  --variante-neutral: #5a6057;
  --medium-grey: #707070;
  --vn-tonal-99: #F5F5F5;
  --vn-tonal-95: #FFF7EB;
  --vn-tonal-90: #FFE6C0;
  --vn-tonal-80: #c2c9bd;
  --vn-tonal-60: #8c9388;
  --vn-tonal-40: #5a6057;
  --vn-tonal-20: #2C322A;
  --sec-100: #D3E9EB;
  --sec-700: #3B7B83;
  --sec-800: #2E5F65;
}

/* Tablas */
.table-fiex {
  width: calc(100% - 3rem);
}

.table-label {
  background-color: var(--primario-cabecera);
  color: var(--blanco);
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;

  & svg {
    width: 10px;
    height: auto;
  }
}

.small-label {
  font-size: 10px;
  color: var(--primario-cabecera);
  text-align: center;
}

.small-label.borrar {
  color: var(--neutral);
}

.table-body tr {
  width: fit-content !important;
}

.tabla-seleccion tr.data-row {
  cursor: pointer;
}

.data-cell:last-of-type button.borrar-icon svg * {
  fill: var(--neutral);
}


.data-cell:has(.selector-parcela) {
  min-width: 280px;
  max-width: 280px;
}

.data-cell .selector-parcela:last-of-type {
  margin-bottom: 0 !important;
}

thead tr:last-of-type th {
  padding-bottom: 20px;
}

tbody tr.data-row:first-of-type {
  border-top: 3px solid var(--medium-grey);
}

tr.data-row:last-of-type {
  border-bottom: 3px solid var(--medium-grey);
}

tr.data-row #unica {
  background-color: var(--vn-tonal-95);
}

tr.data-row #unica .table-fiex {
  margin-left: 50px;
}

tr.data-row #unica .table-fiex .table-label {
  background-color: var(--primario-tono-60);
}

tr.data-row #unica .table-fiex tr.data-row:nth-of-type(2) td.data-cell {
  border-top: 1px solid var(--medium-grey);
}

tr.data-row:nth-child(2n),
tr.data-row #unica .table-fiex tr.data-row:nth-child(2n) {
  background-color: var(--vn-tonal-90);
}

tr.data-row:nth-child(2n + 1),
tr.data-row #unica .table-fiex tr.data-row:nth-child(2n + 1) {
  background-color: var(--vn-tonal-95);
}

table.tabla-seleccion tr.data-row:hover,
tr.data-row:has(td.data-cell:first-of-type input[type="checkbox"]:checked) {
  background-color: #FFD595;
}

tr.data-row.data-row-cue td.data-cell:first-of-type {
  height: 62px;
}

tr.data-row .data-cell:last-of-type button {
  padding: 10px;
  border-radius: 50%;

  &:hover {
    background-color: rgba(96, 97, 112, 0.16);
  }
}

tr.data-row-cue:nth-child(2) td.data-cell:first-of-type,
tr.data-row-cue:last-child td.data-cell:first-of-type {
  margin-top: -1px;
}

tr[id^="filaPlan"]:hover td:not(:nth-last-child(1)) {
  background-color: var(--primario-tono-80);
}

.opcion-editar {
  color: var(--primario);
}

.opcion-eliminar {
  color: var(--vn-tonal-40);
}

.table-pagination_control {
  border: 1px solid var(--vn-tonal-40);
}


/*Menú*/
.info-user {
  color: var(--blanco);
  height: 100%;
}

.info-user .settings:hover {
  background-color: var(--primario-tono-20);
}

.info-user .settings .dropdown-menu>div>*,
.info-user .settings .dropdown-menu>div>*>a {
  background-color: transparent;
  color: var(--primario-tono-20);
  cursor: pointer;
  border-radius: 0.25rem;
}

.info-user .settings .dropdown-menu>div>*>div>svg>*,
.info-user .settings .dropdown-menu>div>*>a>div>svg>*,
.nav-menu_title .adminIcon>svg>*,
.nav-menu_list_item>svg>*,
.nav-menu_list_item svg *,
.panel_header>button>svg>*,
.btn-nuevo>svg>*,
button.btn-nuevo>svg>*,
form button.form-guardar>svg>*,
button.form-guardar>svg>*,
.form-guardar>svg>*,
form button.form-cancelar>svg>*,
button.form-cancelar>svg>*,
.form-cancelar>svg>* {
  fill: var(--primario-tono-20);
}

.nav-menu_title .adminIcon>svg>*,
.nav-menu_list_item>svg>*,
.nav-menu_list_item svg *,
.panel_header>button>svg>*,
.btn-nuevo>svg>*,
button.btn-nuevo>svg>*,
form button.form-guardar>svg>*,
button.form-guardar>svg>*,
.form-guardar>svg>*,
form button.form-cancelar>svg>*,
button.form-cancelar>svg>*,
.form-cancelar>svg>* {
  fill: var(--blanco);
}

.info-user .settings .dropdown-menu>div>*:hover,
.info-user .settings .dropdown-menu>div>*:hover>a {
  background-color: var(--terciario);
  color: var(--primario-tono-20);
}

.info-user .settings .dropdown-menu>div>*:hover>div>svg>*,
.info-user .settings .dropdown-menu>div>*:hover>a>div>svg>*,
.panel_header>svg>*,
.panel_header>svg *,
#unica .data-cell svg *,
.data-cell:last-of-type svg * {
  fill: var(--primario-tono-20);;
}

:not(hgroup).main {
  min-height: 100svh;
}

.admin-dropdown {
  &>div {
    width: 100%;
    text-align: center;
  }

  & .dropdown-menu {
    width: calc(100% + 2rem);
    transform: translateX(-1rem);
    right: unset;
    margin-top: -1px;
    background-color: #FFC46A;
    border-radius: .25rem;
    box-shadow: unset;

    &>div {
      padding: 10px;
      display: flex;
      flex-direction: column;
      gap: 5px;
    }
  }
}

/*Nav-menu*/
.nav-menu {
  background-color: var(--primario-tono-20);
  width: 30%;
  max-width: 265px;
  transition: all 0.5s ease-out;
  position: relative;
  min-height: 100svh;
}

.nav-menu * {
  transition: all 0.5s ease-out;
}

.nav-menu.close .text {
  display: none;
}

.nav-menu.close .nav-menu_list_item:hover .text,
.nav-menu.close .dropdown-menu_item:hover .text {
  display: block;
  white-space: nowrap;
}

.nav-menu_title {
  background-color: var(--secundario-tono-60);
  color: var(--blanco);
  padding: 14px 16px 14px 24px;
  height: 48px;
  gap: 1rem;
  width: 30%;
  max-width: 265px;
  justify-content: space-between;
  position: fixed;
  top: 6vh;
  left: 0;
  z-index: 50;
  transition: all 0.5s ease-out;
}

.nav-menu_subtitle {
  color: var(--blanco);
  padding: 14px 16px 14px 24px;
  height: 48px;
  max-width: 265px;
  background-color:#3D2500;
  transition: all 0.5s ease-out;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nav-menu.close .nav-menu_subtitle {
  padding: 14px 0 14px 0;
  text-align: center;
}

.nav-menu.close,
.nav-menu.close .nav-menu_title {
  max-width: 88px;
}

.nav-menu.close .nav-menu_title {
  justify-content: unset;
}

.nav-menu .nav-menu_title .adminIcon {
  display: none;
}

.nav-menu.close .nav-menu_title .adminIcon {
  display: block;
}

.nav-menu_title .toggleArrow {
  cursor: pointer;
  transition: transform 0.5s ease-out;
}

.nav-menu_list {
  margin-top: 6vh;
}

.nav-menu_list_item {
  padding: 14px 16px 14px 24px;
  color: var(--blanco);
  gap: 1rem;
  width: 100%;
}

.nav-menu.close .nav-menu_list_item,
.nav-menu.close .nav-menu_title {
  gap: 0.5rem;
}

.nav-menu_list_item>svg {
  width: 20px;
}

.nav-menu_list_item.active,
.nav-menu_list_item:hover {
  background-color: var(--primario-tono-60);
}

.nav-menu.close .nav-menu_list_item:hover,
.nav-menu.close .dropdown-menu_item:hover {
  width: 20vw;
  position: relative;
  transition: all 0.5s ease-out;
  z-index: 2;
}

.dropdown-menu {
  color: var(--primario);
  background-color: var(--primario-tono-20);
  transition: all 0.5s ease-out;
}

.dropdown-button .toggleArrow {
  transition: all .5s ease-out;
}

.nav-menu.close #menu.dropdown-menu {
  position: relative;
  top: 0;
  left: 23px;
  width: 65px;
}

.nav-menu.close #menu.dropdown-menu .text {
  display: none;
}

.nav-menu.close #menu.dropdown-menu>div>a {
  margin-left: 0;
}

.dropdown-menu_item,
.dropdown-2 .nav-menu_list_item {
  background-color: var(--primario-tono-80);
  color: var(--primario);
}

.dropdown-menu_item {
  padding: 14px 25px;
}

.dropdown-menu_item>svg,
.dropdown-2 .nav-menu_list_item>svg {
  width: 20px;
}

.dropdown-menu_item>svg>*,
.dropdown-2 .nav-menu_list_item svg>* {
  fill: var(--primario-tono-40);
}

.dropdown-menu_item:hover,
.dropdown-menu_item.active,
.dropdown-2 .nav-menu_list_item:hover,
.dropdown-2 .nav-menu_list_item.active {
  background-color: var(--terciario);
  color: var(--primario-tono-20);
}

.dropdown-menu_item:hover>svg>*,
.dropdown-menu_item.active>svg>*,
.dropdown-2 .nav-menu_list_item:hover>svg>*,
.dropdown-2 .nav-menu_list_item.active>svg>* {
  fill: var(--primario-tono-20);
}

.dropdown-2 .dropdown-menu_item,
.dropdown-3 .dropdown-button {
  padding-left: 32px;
}


*,
*::after,
*::before {
  box-sizing: border-box;
}

html {
  background-color: var(--vn-tonal-99);
  font-family: 'Roboto', sans-serif !important;
}
.font-sans {
    background-color: var(--vn-tonal-99);
    font-family: 'Roboto', sans-serif !important;
  }
.text-no-wrap{
    text-wrap:nowrap;
}
.bg-login{
    background-color: #2E2E3A;
}
.pointer {
  cursor: pointer;
}

.no-display {
  display: none;
}

.position-relative {
  position: relative !important;
}

.top-unset {
  top: unset !important;
}

.responsive-display{
  display:none!important;
}

/*Responsive*/
@media (max-width: 1440px) {

  .responsive-col{
    flex-direction:column!important;
  }

  .responsive-gap{
    row-gap:18px!important;
  }
  .responsive-display{
    display:block!important;
  }

}

/* Width */
.w-20per {
  width: 20%;
}

.w-fit-content div {
  width: fit-content;
}

.w-25 {
  width: 25%;
}

.w-10 {
  width: 10%;
}

.hw-32 {
  height: 32px;
  width: 32px;

  &>svg {
    width: 18px;
    height: 18px;
  }
}

.svg-28 {
  &>svg {
    width: 28px;
    height: auto;
  }
}

.w-90 {
  width: 90%;
}

.min-w-210 {
  min-width: 210px;
}

/* Height */
.height-unset {
  height: unset !important;
}

.h-55 {
  height: 55px;
}

.h-42 {
  height: 42px;
}

.h-40px {
  height: 40px;
}

.h-36 {
  height: 36px;
}

.h-34 {
  height: 34px;
}

.h-32p {
  height: 32px;

  &>svg {
    width: 18px;
    height: 18px;
  }
}

.h-30 {
  height: 30px;
}

.h-26 {
  height: 26px;
}

.max-h-20 {
  max-height: 5rem;
}

/* Z index */
.z-60 {
  z-index: 60;
}

/* Tipografía */
.font-roboto {
  font-family: 'Roboto', sans-serif !important;
}

.tituloH1 {
  font-size: 70px;
  font-weight: 700;
  line-height: 80px;
  margin: 0;
  color: var(--primario-tono-20);
}

.tituloH2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 56px;
  color: var(--variante-neutral);
}

.tituloH5 {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-style: normal;
}

.body28-bold {
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  color: var(--variante-neutral);
}

.body28-medium {
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
}

.body20-bold {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.body20-semibold {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.body20-regular {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.body18-bold {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.body18-semibold {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.body18-regular {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

/* No reconoce este estilo .body16-bold{
  font-style: normal;
  font-size: 16px;
  font-weight:700;
  line-height: 20px;
} */

.body16-semibold {
  font-style: normal;
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 20px;
}

.body16-regular {
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.body15-semibold {
  font-style: normal;
  font-weight: 600 !important;
  font-size: 15px;
  line-height: 20px;
}

.body15-regular {
  font-style: normal;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.body14-bold {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

.body14-medium {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.body14-regular {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.body14-semibold {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.body12-bold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
}

.body12-semibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.body12-medium {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.body10-semibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.body10-medium {
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
}

.lineheight-unset {
  line-height: unset !important;
}

/* Colores */
.vn-tonal-60 {
  color: var(--vn-tonal-60);
}

.neutral {
  color: var(--neutral);
}

.vn {
  color: var(--variante-neutral);
}

.neutral {
  color: var(--neutral);
}

.vn-tonal-20 {
  color: var(--vn-tonal-20) !important;
}

.vn-tonal-60>svg>* {
  fill: var(--vn-tonal-60);
}

.vn>svg>* {
  fill: var(--variante-neutral);
}

.bg-blanco {
  background-color: var(--blanco);
  color: var(--primario);

  & svg>* {
    fill: var(--primario);
  }
}

.bg-vn-99 {
  background-color: var(--vn-tonal-99);
}

.bg-vn-90 {
  background-color: var(--vn-tonal-90);
}

.bg-vn-95 {
  background-color: var(--vn-tonal-95);

  & svg>* {
    fill: var(--neutral);
  }
}

button.bg-vn-95:hover {
  background-color: var(--vn-tonal-60);

}

.bg-vn-99 {
  background-color: var(--vn-tonal-99);
}

.bg-vn-80 {
  background-color: var(--vn-tonal-80) !important;

  &>svg>* {
    fill: var(--blanco) !important;
  }
}

.bg-vn-60{
  background-color: var(--vn-tonal-60);
}

.bg-vn-40 {
  background-color: var(--vn-tonal-40) !important;

  &>svg>* {
    fill: var(--blanco) !important;
  }
}

button.bg-vn-40:hover {
  background-color: var(--vn-tonal-20) !important;
}

.bg-fondo-modal {
  background-color: #F9FDF1;
}

.bg-oscuro {
  background-color: rgba(51, 51, 51, .62);
}

.bg-primario {
  background-color: var(--primario);
  color: var(--blanco);
}

.bg-primario-tono-60 {
  background-color: var(--primario-tono-60) !important;

  & svg>* {
    fill: var(--blanco);
  }
}

.bg-primario-tono-20 {
  background-color: var(--primario-tono-20) !important;
}

button.bg-primario-tono-60:hover {
  background-color: var(--primario-tono-20) !important;
}

.bg-primario-tono-80 {
  background-color: var(--primario-tono-80) !important;
  color: #3E3E3E;
}

.bg-naranja {
  background-color: #FF7816;
}

.bg-rojo {
  background-color: #D6002C;
}

.bg-verde {
  background-color: #007A53;
}

.bg-sativum {
  background-color: #113643;
}

.primario {
  color: var(--primario);
}

.primario-tono-20 {
  color: var(--primario-tono-20);
}

.svgFillWhite {
  & svg>* {
    fill: var(--blanco);
  }
}

.svgFillPrimario {
  & svg>* {
    fill: var(--primario);
  }
}

/* Líneas y subrayados */
.title-subrayado {
  height: 2px;
  background-color: var(--variante-neutral);
  margin-top: 2px;
}

.title-subrayado-vn-tonal-60 {
  height: 2px;
  background-color: var(--vn-tonal-60);
  margin-top: 2px;
}

/* Espacios */
.gap-2 {
  gap: .5rem;
}

/* Bordes */
.borde-2-primario {
  border: 2px solid var(--primario) !important;
}

.borde-2-disabled {
  border: 2px solid var(--variante-neutral) !important;
}

/* Tooltip */
.has-tooltip {
  position: relative;

  &::after {
    content: attr(data-tooltip);
    visibility: hidden;
    background-color: var(--neutral);
    color: var(--blanco);
    padding: 4px 10px;
    position: absolute;
    z-index: 1000;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    white-space: nowrap;
  }

  &[tooltip-position="top"]::after {
    top: unset;
    bottom: 130%;
    left: 50%;
    transform: translateX(-50%);
  }

  &:hover::after {
    visibility: visible;
  }
}

.has-tooltip-large {
  position: relative;

  &::after {
    content: attr(data-tooltip2);
    visibility: hidden;
    background-color: var(--neutral);
    color: var(--blanco);
    padding: 4px 10px;
    position: absolute;
    z-index: 2;
    bottom: 115%;
    left: 2%;
    transform: translateX(-2%);
    border-radius: 4px;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    width: 200px;
    height: auto;
  }

  &:hover::after {
    visibility: visible;
  }
}

.has-tooltip-large>svg {
  fill: var(--primario-tono-60) !important;

  &:hover {
    fill: var(--primario) !important;
  }
}

/* Log in page */
.login-page {
  background-color: var(--vn-tonal-99) !important;
}

button {
  cursor: pointer;
}

input[type="checkbox"]:focus {
  box-shadow: unset;
}

/* Secciones desplegables (Cards desplegables) */
.seccion-desplegable {
  padding-bottom: 0;

  & .seccion-desplegable_header {
    margin-bottom: 0;
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    transition: margin-bottom .3s ease-in-out;
    z-index: 1 !important;
  }

  & .seccion-desplegable_panel {
    max-height: 0;
    overflow: hidden;
    transition-property: all;
    transition-behavior: ease-out;
    padding-top: 0px;
  }

  &.active {
    padding-bottom: .5rem;

    & .seccion-desplegable_header {
      border-bottom-left-radius: unset;
      border-bottom-right-radius: unset;
      box-shadow: 0px 2px 8px 0px rgba(96, 97, 112, 0.20);
    }

    & .seccion-desplegable_panel {
      max-height: 100000px;
      transition-behavior: ease-in;
      overflow: visible;
      padding-top: 1rem;
    }

    & .arrow-dropdown {
      transform: rotate(180deg);
    }
  }

  &.inversa {
    bottom: 50px;
    z-index: 1001;

    & .seccion-desplegable_header {
      transition: unset;
    }

    & .arrow-dropdown {
      transform: rotate(180deg);
    }

    &.active {
      padding-bottom: 0;

      & .arrow-dropdown {
        transform: rotate(0deg);
      }
    }
  }
}

/* Menú de pestañas */
.nav-tabs {
  border-bottom: 1px solid var(--primario-tono-20);

  & .nav-tabs_button {
    border: 1px solid var(--variante-neutral);
    color: var(--variante-neutral);
    border-bottom: 0;
    border-radius: 0.25rem 0.25rem 0 0;
    padding-inline: 60px;

    &:hover {
      border-color: var(--primario);
      background-color: var(--primario);
      color: var(--blanco);
    }

    &.active {
      border-color: var(--primario-tono-20);
      background-color: var(--primario-tono-20);
      color: var(--blanco);
    }
  }
}

.nav-tabs_content {
  display: none;

  &.active {
    display: block;
  }
}

/* Tags */
.tag {
  &.tag-ok {
    background-color: var(--primario);
  }

  &.tag-error {
    background-color: var(--error);
  }

  &.tag-warning {
    background-color: #e89c25;
    color: #333333;
  }
}

.tag-border{
  outline:2px solid var(--primario)!important;
  color:var(--primario)!important;
}

/* Header */
.header {
  background-color: var(--primario);
  color: var(--blanco);
  height: 6vh;
  position: fixed;
  top: 0;
  left: 0;
}

.header-title {
  margin-left: 12px;
}

/* .info-user {
  color: var(--blanco);
  height: 100%;
}

.info-user .settings:hover {
  background-color: var(--primario-tono-20);
}

.info-user .settings .dropdown-menu>div>*,
.info-user .settings .dropdown-menu>div>*>a {
  background-color: transparent;
  color: var(--blanco);
  cursor: pointer;
  border-radius: 0.25rem;
}

.info-user .settings .dropdown-menu>div>*>div>svg>*,
.info-user .settings .dropdown-menu>div>*>a>div>svg>*,
.nav-menu_title .adminIcon>svg>*,
.nav-menu_list_item>svg>*,
.nav-menu_list_item svg *,
.panel_header>button>svg>*,
.btn-nuevo>svg>*,
button.btn-nuevo>svg>*,
form button.form-guardar>svg>*,
button.form-guardar>svg>*,
.form-guardar>svg>*,
form button.form-cancelar>svg>*,
button.form-cancelar>svg>*,
.form-cancelar>svg>* {
  fill: var(--blanco);
}

.info-user .settings .dropdown-menu>div>*:hover,
.info-user .settings .dropdown-menu>div>*:hover>a {
  background-color: var(--terciario);
  color: var(--primario);
}

.info-user .settings .dropdown-menu>div>*:hover>div>svg>*,
.info-user .settings .dropdown-menu>div>*:hover>a>div>svg>*,
.panel_header>svg>*,
.panel_header>svg *,
#unica .data-cell svg *,
.data-cell:last-of-type svg * {
  fill: var(--primario);
}

:not(hgroup).main {
  min-height: 100svh;
}

.admin-dropdown {
  &>div {
    width: 100%;
    text-align: center;
  }

  & .dropdown-menu {
    width: calc(100% + 2rem);
    transform: translateX(-1rem);
    right: unset;
    margin-top: -1px;
    background-color: #185113;
    border-radius: .25rem;
    box-shadow: unset;

    &>div {
      padding: 10px;
      display: flex;
      flex-direction: column;
      gap: 5px;
    }
  }
} */

/* Nav menú */
/* .nav-menu {
  background-color: var(--primario-tono-20);
  width: 30%;
  max-width: 265px;
  transition: all 0.5s ease-out;
  position: relative;
  min-height: 100svh;
}

.nav-menu * {
  transition: all 0.5s ease-out;
}

.nav-menu.close .text {
  display: none;
}

.nav-menu.close .nav-menu_list_item:hover .text,
.nav-menu.close .dropdown-menu_item:hover .text {
  display: block;
  white-space: nowrap;
}

.nav-menu_title {
  background-color: var(--secundario-tono-60);
  color: var(--blanco);
  padding: 14px 16px 14px 24px;
  height: 48px;
  gap: 1rem;
  width: 30%;
  max-width: 265px;
  justify-content: space-between;
  position: fixed;
  top: 6vh;
  left: 0;
  z-index: 50;
  transition: all 0.5s ease-out;
}

.nav-menu_subtitle {
  color: var(--blanco);
  padding: 14px 16px 14px 24px;
  height: 48px;
  max-width: 265px;
  background: linear-gradient(179deg, #216425 49.19%, #18551B 98.37%);
  transition: all 0.5s ease-out;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nav-menu.close .nav-menu_subtitle {
  padding: 14px 0 14px 0;
  text-align: center;
}

.nav-menu.close,
.nav-menu.close .nav-menu_title {
  max-width: 88px;
}

.nav-menu.close .nav-menu_title {
  justify-content: unset;
}

.nav-menu .nav-menu_title .adminIcon {
  display: none;
}

.nav-menu.close .nav-menu_title .adminIcon {
  display: block;
}

.nav-menu_title .toggleArrow {
  cursor: pointer;
  transition: transform 0.5s ease-out;
}

.nav-menu_list {
  margin-top: calc(6vh + 48px);
}

.nav-menu_list_item {
  padding: 14px 16px 14px 24px;
  color: var(--blanco);
  gap: 1rem;
  width: 100%;
}

.nav-menu.close .nav-menu_list_item,
.nav-menu.close .nav-menu_title {
  gap: 0.5rem;
}

.nav-menu_list_item>svg {
  width: 20px;
}

.nav-menu_list_item.active,
.nav-menu_list_item:hover {
  background-color: var(--primario-tono-60);
}

.nav-menu.close .nav-menu_list_item:hover,
.nav-menu.close .dropdown-menu_item:hover {
  width: 20vw;
  position: relative;
  transition: all 0.5s ease-out;
  z-index: 2;
}

.dropdown-menu {
  color: var(--primario);
  background-color: var(--primario-tono-20);
  transition: all 0.5s ease-out;
}

.dropdown-button .toggleArrow {
  transition: all .5s ease-out;
}

.nav-menu.close #menu.dropdown-menu {
  position: relative;
  top: 0;
  left: 23px;
  width: 65px;
}

.nav-menu.close #menu.dropdown-menu .text {
  display: none;
}

.nav-menu.close #menu.dropdown-menu>div>a {
  margin-left: 0;
}

.dropdown-menu_item,
.dropdown-2 .nav-menu_list_item {
  background-color: var(--primario-tono-80);
  color: var(--primario);
}

.dropdown-menu_item {
  padding: 14px 25px;
}

.dropdown-menu_item>svg,
.dropdown-2 .nav-menu_list_item>svg {
  width: 20px;
}

.dropdown-menu_item>svg>*,
.dropdown-2 .nav-menu_list_item svg>* {
  fill: var(--primario-tono-40);
}

.dropdown-menu_item:hover,
.dropdown-menu_item.active,
.dropdown-2 .nav-menu_list_item:hover,
.dropdown-2 .nav-menu_list_item.active {
  background-color: var(--terciario);
  color: var(--primario-tono-20);
}

.dropdown-menu_item:hover>svg>*,
.dropdown-menu_item.active>svg>*,
.dropdown-2 .nav-menu_list_item:hover>svg>*,
.dropdown-2 .nav-menu_list_item.active>svg>* {
  fill: var(--primario-tono-20);
}

.dropdown-2 .dropdown-menu_item,
.dropdown-3 .dropdown-button {
  padding-left: 32px;
}

.dropdown-3 .dropdown-button,
.dropdown-2 .dropdown-menu_item {
  background-color: #9EEF96;
  color: var(--primario);

  & svg>* {
    fill: var(--primario);
  }

  &:hover,
  &.active {
    background-color: #DFFFDA;
    color: var(--primario-tono-20);

    & svg>* {
      fill: var(--primario-tono-20);
    }
  }
}

.dropdown-3 .dropdown-menu_item {
  padding-left: 42px;
  padding-right: 10px;
  background-color: #D1F4CE;

  &:hover,
  &.active {
    background-color: var(--primario);
    color: #D1F4CE;

    & svg>* {
      fill: #D1F4CE;
    }
  }
} */

/* Main content */
.main-content {
  flex-grow: 1;
  width: 70%;
}

/* Panel sección */
.panel {
  background-color: var(--vn-tonal-99);
  overflow-x: hidden;
  margin-top: calc(6vh + 48px);
}

.panel_header,
.panel_header_secundario {
  padding: 7px 25px;
  height: 48px;
  width: 100%;
}

.panel_header:first-of-type,
.panel_header_secundario:first-of-type {
  position: fixed;
  top: 6vh;
  width: 100%;
  z-index: 40;
}

.panel_header {
  background-color: var(--vn-tonal-90);
  color: var(--primario);
  box-shadow: 0px 4px 12px 0px rgba(140, 147, 136, 0.5);
}

.panel_header_secundario {
  background-color: var(--secundario-oscuro);
  color: var(--primario);
}

.panel_header>svg,
.panel_header_secundario>svg {
  width: 25px;
}

.btn-nuevo,
form button.form-guardar,
button.form-guardar,
.form-guardar,
form button.form-cancelar,
button.form-cancelar,
.form-cancelar,
a[type="button"].form-guardar,
.modal-btn-confirmar,
.modal-btn-cancelar {
  background-color: var(--primario-tono-60);
  color: var(--blanco);
  padding: 5px 22px;
  gap: 0.5rem;
  font-weight: 500;
  font-size: 15px;

  &.bloqueado {
    background-color: var(--vn-tonal-80);
  }
}

.btn-tab-open,
.btn-tab-close {
  padding: 6px 12px;
  border-radius: 4px 4px 0px 0px;
  border-width: 1px;
}

.btn-tab-open {
  background-color: var(--primario-tono-20);
  color: var(--blanco);
  border-color: var(--primario-tono-20);
}

.btn-tab-close {
  background-color: transparent;
  color: var(--variante-neutral);
  border-color: var(--variante-neutral);
}

.btn-limpiar:hover {
  background-color: #c2c9bd;
  border: 1px solid #c2c9bd;
  min-height: 34px;
}

.btn-limpiar {
  background-color: white;
  color: var(--primario);
  border: 1px solid var(--primario);
  padding: 5px 22px;
  gap: 0.5rem;
  font-weight: bold;
}

.btn-seleccionar {
  background-color: transparent;
  color: var(--primario);
  border: 1px solid var(--primario);
  padding: 5px 22px;
  gap: 0.5rem;
  font-weight: bold;
  border-top-left-radius: 0.3rem;
  /* Esquina superior izquierda redondeada */
  border-top-right-radius: 0.3rem;
  /* Esquina superior derecha redondeada */
}

.btn-seleccionar:hover {
  background-color: #c2c9bd;
  border: 1px solid #c2c9bd;
}

.btn-nuevo>svg>*,
button.btn-nuevo>svg>* {
  fill: var(--blanco);
}

.btn-nuevo:hover {
  background-color: var(--primario);
}

.btn-nuevo:active {
  background-color: var(--primario-tono-20);
  color: var(--primario-tono-80);
}

.btn-nuevo:active>svg>* {
  fill: var(--primario-tono-80);
}

.btn-volver {
  color: var(--primario);
  text-decoration: underline;
  font-size: 15px;
  font-weight: 500;
  gap: .25rem;
}
.btn-volver > svg > path{
    fill:var(--primario);
}
.visible-options {
  background-position: right;
  width: 45px;
  border-radius: 4px;
  padding: 6px;
  border-color: var(--primario);
}

select.visible-options.form-input,
select.visible-options.form-input:focus,
select.visible-options.form-input:focus-within {
  background-color: unset;
  padding-block: 0;
  background-color: var(--blanco);
}

.btnIconThumb {
  &>div.absolute {
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
  }

  &:hover>div.absolute {
    display: flex;
  }
}

/* Tablas
.table-fiex {
  width: calc(100% - 3rem);
}

.table-label {
  background-color: var(--primario);
  color: var(--blanco);
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;

  & svg {
    width: 10px;
    height: auto;
  }
}

.small-label {
  font-size: 10px;
  color: var(--primario);
  text-align: center;
}

.small-label.borrar {
  color: var(--neutral);
}

.table-body tr {
  width: fit-content !important;
}

.tabla-seleccion tr.data-row {
  cursor: pointer;
}

.data-cell:last-of-type button.borrar-icon svg * {
  fill: var(--neutral);
}

.data-cell .selector-parcela svg * {
  fill: var(--vn-tonal-60);
}

.data-cell:has(.selector-parcela) {
  min-width: 280px;
  max-width: 280px;
}

.data-cell .selector-parcela:last-of-type {
  margin-bottom: 0 !important;
}

thead tr:last-of-type th {
  padding-bottom: 20px;
}

tbody tr.data-row:first-of-type {
  border-top: 3px solid var(--medium-grey);
}

tr.data-row:last-of-type {
  border-bottom: 3px solid var(--medium-grey);
}

tr.data-row #unica {
  background-color: var(--vn-tonal-95);
}

tr.data-row #unica .table-fiex {
  margin-left: 50px;
}

tr.data-row #unica .table-fiex .table-label {
  background-color: var(--primario-tono-60);
}

tr.data-row #unica .table-fiex tr.data-row:nth-of-type(2) td.data-cell {
  border-top: 1px solid var(--medium-grey);
}

tr.data-row:nth-child(2n + 1),
tr.data-row #unica .table-fiex tr.data-row:nth-child(2n + 1) {
  background-color: var(--vn-tonal-95);
}

table.tabla-seleccion tr.data-row:hover,
tr.data-row:has(td.data-cell:first-of-type input[type="checkbox"]:checked) {
  background-color: rgba(208, 255, 201, 0.50);
}

tr.data-row.data-row-cue td.data-cell:first-of-type {
  height: 62px;
}

tr.data-row .data-cell:last-of-type button {
  padding: 10px;
  border-radius: 50%;

  &:hover {
    background-color: rgba(96, 97, 112, 0.16);
  }
}

tr.data-row-cue:nth-child(2) td.data-cell:first-of-type,
tr.data-row-cue:last-child td.data-cell:first-of-type {
  margin-top: -1px;
}

tr[id^="filaPlan"]:hover td:not(:nth-last-child(1)) {
  background-color: var(--primario-tono-80);
}

.opcion-editar {
  color: var(--primario);
}

.opcion-eliminar {
  color: var(--vn-tonal-40);
}

.table-pagination_control {
  border: 1px solid var(--vn-tonal-40);
} */

form button.form-guardar,
button.form-guardar,
.form-guardar,
form button.form-cancelar,
button.form-cancelar,
.form-cancelar,
a[type="button"].form-guardar {
  background-color: var(--primario-tono-60) !important;
  border-color: var(--primario-tono-60);
  color: var(--blanco);
  white-space: nowrap;
  min-width: 105px;

  &.bloqueado {
    background-color: var(--vn-tonal-80) !important;
    border-color: var(--vn-tonal-80) !important;
  }

  &.alerta {
    background-color: #B11616 !important;
    border-color: #B11616 !important;

    &:hover {
      background-color: #841111 !important;
      border-color: #841111 !important;
    }
  }
}

form button.form-guardar:hover,
button.form-guardar:hover,
.form-guardar:hover,
form button.form-cancelar:hover,
button.form-cancelar:hover,
.form-cancelar:hover,
a[type="button"].form-guardar:hover {
  background-color: var(--primario-tono-20) !important;
  border-color: var(--primario-tono-20);
  color: var(--blanco);
}

input.form-input,
select.form-input,
textarea.form-input,
.form-input,
.selector input,
.selector select,
.form-input {
  border: 1.5px solid var(--neutral);
  color: var(--neutral);
  font-size: 14px;
}

.form-checkbox {
  border-radius: 0.25rem !important;

  &:checked,
  &:checked:hover {
    background-color: var(--primario) !important;
  }

  &:hover {
    background-color: transparent;
  }
}

#validado:checked:disabled {
  cursor: default;
  background-color: var(--variante-neutral) !important;
  cursor: not-allowed;
}

#validado:disabled {
  cursor: default;
  background-color: var(--vn-tonal-80) !important;
  cursor: not-allowed;
}

.selector * {
  height: inherit;
  z-index: 1;
  font-size: 14px;
}

.selector div {
  flex-grow: 1;
}

.selector:focus-visible {
  outline: unset;
}

.selector input,
.selector select,
div[data-te-select-dropdown-ref] input {
  border-radius: .25rem;
  padding-inline: 0.75rem;
  background-color: var(--blanco);
  outline: unset;
  box-shadow: unset;
  color: var(--neutral);
  border: 1.5px solid var(--neutral);
}

div[data-te-select-dropdown-ref] input {
  height: 32px;
}

div[data-te-select-dropdown-ref] input:focus {
  border: 1.5px solid var(--neutral);
  outline: unset;
  box-shadow: unset;
}

.selector>div>div span {
  font-size: .4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: var(--neutral) !important;
  content: url(https://siex.dev.premm.es/images/arrowDown.svg);
  background: inherit;
  padding: 3px;
}

.selector>div>div:has(input[disabled]) span {
  background-color: inherit;
}

.selector:has(input:focus)>div>div span {
  background-color: linear-gradient(0deg, rgba(144, 216, 137, 0.2) 0%, rgba(144, 216, 137, 0.2) 100%), var(--blanco);
}

.selector div {
  border: unset !important;
  outline: unset !important;
  box-shadow: unset !important;
}

.selector.especial div.truncate {
  display: none;

  &[data-te-input-state-active] {
    transform: unset !important;
    display: flex !important;
    align-items: center;
  }
}

.form-input input:focus {
  outline: 0;
  border: 0;
  box-shadow: unset;
}

.form-input>svg {
  cursor: pointer;
}

input.form-input:focus,
select.form-input:focus,
.form-input:focus-within,
.selector input:focus,
.selector select:focus {
  color: var(--primario-tono-20);
  border: 1.5px solid var(--primario);
  background: linear-gradient(0deg,
      rgba(144, 216, 137, 0.2) 0%,
      rgba(144, 216, 137, 0.2) 100%),
    var(--blanco);
  outline: unset;
  box-shadow: unset;
}

input.form-input-bloqueado,
input.form-input-bloqueado:focus,
textarea.form-input-bloqueado,
textarea.form-input-bloqueado:focus,
select.form-input-bloqueado,
select.form-input-bloqueado:focus,
.selector-bloqueado input,
.selector-bloqueado select,
.selector-bloqueado input:focus,
.selector-bloqueado select:focus {
  border-color: var(--neutral);
  background: var(--vn-tonal-80);
}

button.descargar-bloqueado {
  color: var(--vn-tonal-40);
  background-color: var(--vn-tonal-80);
  border: 2px solid var(--vn-tonal-40);
  height: 44px;
}

button.descargar-bloqueado>svg>* {
  fill: var(--vn-tonal-40);
}

button.descargar {
  color: var(--blanco);
  background-color: var(--primario);
  border: 2px solid var(--primario);
  height: 44px;
}

label.importar {
  color: var(--primario);
  border: 2px solid var(--primario);
  background-color: transparent;
  cursor: pointer;
  height: 44px;
}

.rol-tag {
  border: 1.5px solid var(--primario);
  background-color: var(--terciario);
  color: var(--primario-tono-20);
}

.rol-tag>button>svg>* {
  fill: var(--primario-tono-20);
}

/* Formularios */
.label-formulario {
  color: var(--neutral);
}

.select-form>div>div>input,
.select-form>div>div>input:focus {
  box-shadow: unset !important;
  width: 500px;
  border-radius: 0.25rem;
  border-color: var(--primario) !important;
  padding: 0.5rem 1rem;
}

.select-form>div>div>span:focus {
  color: var(--primario);
}

/* Modal */
#defaultModal {
  z-index: 60;
  background-color: rgba(51, 51, 51, .62);
}

.modal_header {
  color: var(--primario);
  border-bottom: 4px solid var(--primario);

  & h3 svg>* {
    fill: var(--primario);
    min-width: 40px;
    height: auto;
  }
  & h3 svg>.blanco {
    fill: #ffffff;
  }
  & h3 svg>.rojo {
    fill: #9E2020;
  }
}

.modal_footer {
  border-top: 4px solid var(--primario);
}

.modal-confirmacion {
  background-color: var(--vn-tonal-95);
}

.modal-btn-confirmar {
  background-color: var(--primario) !important;
  border-color: var(--primario) !important;
  color: var(--blanco);
}

.modal-btn-cancelar {
  background-color: var(--vn-tonal-60) !important;
  border-color: var(--vn-tonal-60) !important;
  color: var(--blanco);

  &:hover {
    background-color: var(--vn-tonal-40) !important;
    border-color: var(--vn-tonal-40) !important;
  }
}

.icono {
  border: 3px solid transparent;
  border-radius: 1rem;

  &.seleccionado,
  &:hover {
    border-color: var(--primario);
  }
}

.slider-galeria-img {
  overflow-x: scroll;
  overflow-y: hidden;

  &>div {
    min-width: 80px;
    min-height: 80px;
    max-width: 120px;
    max-height: 120px;
    filter: brightness(50%);

    &.seleccionada {
      filter: unset;
    }
  }

  &::-webkit-scrollbar {
    height: 5px;
    background: var(--vn-tonal-80);
    border-radius: 9px;
  }

  &::-webkit-scrollbar-thumb {
    background: var(--primario);
    border-radius: 9px;
  }
}

/* Pequeño menú desplegable de tabla */
.opciones-toggle {
  &+div {
    display: none;
  }

  &.active+div {
    display: flex;
    right: 70%;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);

    & button:hover {
      border-radius: unset !important;
    }
  }
}

/* Paginación */
nav[role="navigation"]>div:last-of-type>div:last-of-type>span,
nav[role="navigation"]>#paginacion,
nav[role="navigation"]>#paginacionEscogidas {
  gap: .25rem;

  &>span {

    & span>span,
    & button,
    & span {
      width: 40px;
      font-size: 15px;
      font-weight: 600;
      color: var(--variante-neutral);
      display: flex;
      justify-content: center;
      padding-inline: unset;
      border-color: var(--vn-tonal-40);

      &:hover {
        background-color: var(--vn-tonal-80);
      }

      &:active {
        background-color: #e1f5df;
      }
    }

    & span[aria-current="page"]>span,
    & button[aria-label^="Go to page"],
    &>span {
      border-radius: .25rem;
    }

    & span[aria-current="page"]>span {
      background-color: var(--vn-tonal-80);
      color: var(--neutral);
    }
  }
}

/* Páginas Error */
.errorConsejo {
  max-width: 720px;
  text-align: justify;
}

#smallMap {
  width: 100%;
  z-index: 2;
}

#smallMap.home {
  height: 92vh;
}

.filtrofechas input[type="date"] {
  width: 50%;
}

#smallMap .leaflet-popup-content-wrapper {
  background: #edf3e6;
  border-radius: 6px !important;
  padding: 12px 0 !important;
  font-family: 'Roboto', sans-serif;
}

#smallMap .leaflet-popup-close-button {
  padding: 0 !important;
  top: 10px !important;
  right: 10px !important;
}

.focus\:ring-indigo-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity));
}

section.section-border {
  border-style: solid;
  border-width: 1.5px;
  border-color: black;
  border-radius: 11px;
  margin-bottom: 10px;
}

.badgeParcelas {
  display: inline-block;
  /* Asegura que el elemento se comporte como un bloque en línea */
  width: 20px;
  /* Ajusta este valor para el tamaño del círculo */
  height: 20px;
  /* Debe ser igual a width para ser un círculo */
  border-radius: 50%;
  /* Hace que el elemento sea un círculo */
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  padding: 2px;
  /* Ajusta el padding si es necesario */
  line-height: 20px;
  /* Debe ser igual a height para centrar el texto verticalmente */
  min-width: 0;
  /* Elimina el ancho mínimo */
  background-color: inherit;
  /* Mantiene el color de fondo heredado */
}

.badgeParcelas2 {
  display: inline-block;
  padding: 2px 10px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  line-height: 20px;
  border-radius: 15px;
  min-width: 0;
  background-color: inherit;
  white-space: nowrap;
  /* Evita que el texto se rompa en líneas nuevas */
}

td.unica {
  text-align: center;
}

.escogidas:hover td {
  background-color: rgba(255,
      255,
      100,
      0.4) !important;
  /* Amarillo con 40% de opacidad */
}

.excluidas td {
  background-color: rgba(186,
      26,
      26,
      0.4) !important;
  /* Rojo con 40% de opacidad */
}

.permisBox {
  color: var(--primario-tono-40);
  border-radius: .25rem;
}

.switchcheck {
  outline: unset !important;
  color: var(--vn-tonal-90) !important;
  position: relative;
  width: 31px;
  /* Ancho del switch */
  height: 16px;
  /* Altura del switch */
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--vn-tonal-95) !important;
  /* Color de fondo del switch */
  border: 1px solid var(--primario) !important;
  /* Borde del switch */
  border-radius: 10px;
  /* Radio de borde para el efecto redondeado */
  outline: none;
  cursor: pointer;
  /* Borde del switch */
  background-image: unset !important;
}

.switchcheck::after {
  outline: none;
  color: var(--vn-tonal-90);
  content: "";
  position: absolute;
  top: 50%;
  /* Posición vertical centrada */
  left: 2px;
  /* Posición horizontal del circulillo */
  transform: translateY(-50%);
  /* Centrar verticalmente */
  width: 11px;
  /* Ancho del circulillo */
  height: 11px;
  /* Altura del circulillo */
  background-color: var(--vn-tonal-90);
  /* Color del circulillo */
  border-radius: 50%;
  /* Hacer el circulillo redondeado */
  transition: left 0.3s, background-color 0.3s;
  /* Efecto de transición suave */
  border: 1px solid var(--primario);
  /* Borde del switch */
}

.switchcheck:checked::after {
  color: var(--vn-tonal-90);
  left: calc(100% - 13px);
  /* Mover el circulillo a la posición "on" */
  background-color: var(--primario);
  /* Cambiar el color del circulillo cuando esté "on" */
}

/* FILTROS PRODUCTOS FITO */
fieldset.scheduler-border {
  border: 1px groove #ddd !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow: 0 0 0 0 #000;
  box-shadow: 0 0 0 0 #000;
}

/* Notificacion */
.notification-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0;
  position: absolute;
  width: 54px;
  height: 40px;
  left: 20px;
  top: 20px;
}

.notification-number-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 40px;
  height: 40px;
  background: #ba1a1a;
  border: 1.5px solid #ffffff;
  border-radius: 25px;
}

.notification-number-container-check {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 40px;
  height: 40px;
  background: #5ba058;
  border: 1.5px solid #ffffff;
  border-radius: 25px;
}

.notification-number {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
}

.scroll .parcelas {
  max-height: 88px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding-right: 4px;

  &::-webkit-scrollbar {
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: var(--vn-tonal-60);
  }

  &::-webkit-scrollbar-track {
    background-color: #d9d9d9;
  }
}

#modalFlotanteColores {
  display: flex;
  flex-direction: column;
  margin: 0;
  border-radius: 6px;
  color: var(--primario);
  font-style: normal;
  position: absolute;
  top: 1.5%;
  left: 4%;
  z-index: 30;
  max-width: 400px;
}

.titulosmodalFlotanteColores {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  font-size: 15px;
}

#modalFlotanteColores_listaColores {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 300px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--vn-tonal-60) var(--vn-tonal-90);
}

#modalFlotanteColores_listaColores::-webkit-scrollbar {
  width: 10px;
  transform: translateX(10px);
}

#modalFlotanteColores #modalFlotanteColores_listaColores li {
  display: flex;
  justify-content: space-between;
  padding: 10px 14px 10px 0;
  margin-inline: 5px;
  height: fit-content;
  justify-self: start;
  align-items: center;
  border-bottom: 1px solid var(--medium-grey);
  width: 100%;
}

#modalFlotanteColores #modalFlotanteColores_listaColores input {
  background: none;
  cursor: pointer;
  -moz-outline-radius: 15px;
  width: 35px;
}

#modalFlotanteColores hr {
  height: 5px;
  width: 100%;
  background: var(--primario);
  border: none;
  margin: 15px 0;
}

#modalFlotanteColores p {
  font-size: 14px;
  color: var(--neutral);
  line-height: 1.2;
}

#modalFlotanteColores input[type="submit"]:hover {
  background-color: var(--primario-tono-80);
}

.form-rowE {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-groupE {
  flex: 0 0 48%;
  margin-bottom: 1rem;
}

#filaCliente:hover td:not(:nth-last-child(1)) {
  background-color: var(--primario-tono-80);
}

.error-tabla {
  background-color: rgb(198, 117, 117);
  border: rgb(158, 31, 31);
}

/*fiabilidad*/
.input-alta {
  background: rgba(27, 93, 32, 0.17) !important;
  border-color: var(--primario) !important;
}

.input-media {
  background: rgba(232, 156, 37, 0.25) !important;
  border-color: #e89c25 !important;
  color: #7A5110 !important;
}

.input-baja {
  background: rgba(186, 26, 26, 0.25) !important;
  border-color: #b11616 !important;
  color: #b11616 !important;
}

.alta-fiabilidad {
  background: rgba(27, 93, 32, 0.17);
  border: 2px solid #007A53;
  padding: 6px 12px;
  border-radius: 20px;
}

.media-fiabilidad {
  background: #FF78161A;
  border: 2px solid #FF7816;
  padding: 6px 12px;
  border-radius: 20px;
}

.sin-fiabilidad {
  background: #d6002c1a;
  border: 2px solid #D6002C;
  padding: 6px 12px;
  border-radius: 20px;
}

.sin-fiabilidad-conjunto {
  background: #D6002C;
  border: 2px solid #D6002C;
  padding: 6px 12px;
  border-radius: 20px;
  color: white;
}

.media-fiabilidad-conjunto {
  background: #FF7816;
  border: 2px solid #FF7816;
  padding: 6px 12px;
  border-radius: 20px;
  color: white;
}

.alta-fiabilidad-conjunto {
  background: #007A53;
  border: 2px solid #007A53;
  padding: 6px 12px;
  border-radius: 20px;
  color: white;
}

.bg-sec-100 {
    background-color: var(--sec-100);
  }
  .bg-sec-700 {
    background-color: var(--sec-700);
  }
  .bg-sec-800 {
    background-color: var(--sec-800);
  }
  input.error{
    border-color: var(--error);
}

p.error{color:var(--error);}
.fichajes{flex-wrap:wrap;}
.border-color-primario{border-color:var(--primario);}



#smallMap{
  display: none !important;
}