@charset "UTF-8";
::-webkit-scrollbar {
  background: transparent;
  height: 16px;
  width: 16px;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: var(--secondary-400);
  border: 6px solid var(--superficie-0);
  transition: 0.2s linear;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--secondary-300);
  border: 5px solid var(--superficie-1);
}

.scrollTable.right-scrollTable {
  right: 0px;
}

.scrollTable.left-scrollTable {
  left: 0px;
}

.tabla-blanca.full-screen .scrollTable.right-scrollTable {
  right: 16px;
}

.tabla-blanca.full-screen .scrollTable.left-scrollTable {
  left: 16px;
}

.scrollTable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 22px;
  color: var(--primary-400);
  cursor: pointer;
  background: white;
  border: 2px solid var(--primary-400);
  padding: 0px 5px;
  line-height: -1px;
  position: absolute;
  z-index: 50;
}

.scrollTable:hover {
  color: var(--primary-800);
}

.top45 {
  top: 45px;
}

.top56 {
  top: 56px;
}

.dark-theme ::-webkit-scrollbar-thumb {
  background-color: var(--secondary-600);
}
.dark-theme ::-webkit-scrollbar-thumb:hover {
  background: var(--secondary-800);
}

#divForm {
  background-color: var(--superficie-white);
  border-radius: 8px;
}

/*********************************ICONOS MAPA*******************************************/
@keyframes latidos {
  0% {
    outline: 0px solid var(--mapa-movimiento);
    opacity: 1;
  }
  20% {
    outline: 0px solid var(--mapa-movimiento);
    opacity: 0.5;
  }
  100% {
    outline: 8px solid var(--mapa-movimiento);
    opacity: 0;
  }
}
@keyframes latidos-mapa {
  0% {
    outline: 0px solid var(--mapa-movimiento);
    opacity: 1;
  }
  20% {
    outline: 0px solid var(--mapa-movimiento);
    opacity: 0.5;
  }
  100% {
    outline: 16px solid var(--mapa-movimiento);
    opacity: 0;
  }
}
@keyframes latidos-ralenti {
  0% {
    outline: 0px solid var(--ralenti);
    opacity: 1;
  }
  20% {
    outline: 0px solid var(--ralenti);
    opacity: 0.5;
  }
  100% {
    outline: 8px solid var(--ralenti);
    opacity: 0;
  }
}
@keyframes latidos-mapa-ralenti {
  0% {
    outline: 0px solid var(--ralenti);
    opacity: 1;
  }
  20% {
    outline: 0px solid var(--ralenti);
    opacity: 0.5;
  }
  100% {
    outline: 16px solid var(--ralenti);
    opacity: 0;
  }
}
.norte {
  transform: rotate(0deg);
}

.noreste {
  transform: rotate(45deg);
}

.este {
  transform: rotate(90deg);
}

.sureste {
  transform: rotate(135deg);
}

.sur {
  transform: rotate(180deg);
}

.suroeste {
  transform: rotate(225deg);
}

.oeste {
  transform: rotate(270deg);
}

.noroeste {
  transform: rotate(315deg);
}

.circle-active {
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle-active.circle-l {
  width: 64px;
  height: 64px;
}
.circle-active.circle-l .estado {
  width: 54px;
  height: 54px;
}
.circle-active.circle-l .estado.movimiento::after {
  animation: latidos-mapa 1s linear infinite;
}
.circle-active.circle-l .estado.ralenti::after {
  animation: latidos-mapa-ralenti 1s linear infinite;
}
.circle-active.circle-l .icon-map {
  width: 44px;
  height: 44px;
  border: 4px solid var(--white);
}
.circle-active.circle-m {
  width: 48px;
  height: 48px;
}
.circle-active.circle-m .estado {
  width: 40px;
  height: 40px;
}
.circle-active.circle-m .icon-map {
  width: 32px;
  height: 32px;
  border: 2px solid var(--white);
}
.circle-active.circle-s {
  width: 40px;
  height: 40px;
}
.circle-active.circle-s .estado {
  width: 32px;
  height: 32px;
}
.circle-active.circle-s .icon-map {
  width: 24px;
  height: 24px;
  border: 2px solid var(--white);
}
.circle-active .estado {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.circle-active .estado::before {
  content: "";
  display: block;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
}
.circle-active .estado.movimiento {
  background: var(--mapa-movimiento);
}
.circle-active .estado.movimiento::before {
  border-bottom: 8px solid var(--mapa-movimiento);
}
.circle-active .estado.movimiento::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  animation: latidos 1s linear infinite;
  transform-origin: center;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  opacity: 0.5;
}
.circle-active .estado.parado {
  background: var(--mapa-parado);
}
.circle-active .estado.parado::before {
  border-bottom: 8px solid var(--mapa-parado);
}
.circle-active .estado.ralenti {
  background: var(--ralenti);
}
.circle-active .estado.ralenti::before {
  border-bottom: 8px solid var(--ralenti);
}
.circle-active .estado.ralenti::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  animation: latidos-ralenti 1s linear infinite;
  transform-origin: center;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  opacity: 0.5;
}
.circle-active .estado.alarma {
  outline: 4px solid var(--mapa-alarma);
}
.circle-active .estado.evento {
  outline: 4px solid var(--mapa-parado);
}
.circle-active .estado.preparacion {
  background: var(--color-borde);
}
.circle-active .estado.preparacion::before {
  border-bottom: 8px solid var(--color-borde);
}
.circle-active .estado.preparacion .icons-lib {
  color: var(--texto-medio);
}
.circle-active .icon-map {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--superficie-white);
  border-radius: 50%;
}
.circle-active .icon-map.geocerca {
  background: var(--dentro-geocerca);
}

/*********************************FIN ICONOS MAPA*******************************************/
/*#divForm input,
.input-group-append {
opacity: 0.5;
}*/
#divForm .ojo {
  height: 40px;
  width: 40px;
  border-radius: 0;
  border: 0 !important;
  padding: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  z-index: 9;
  background: 0 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

#divForm #mensajeError span {
  color: var(--secondary-700);
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

form #password .btn,
form #password2 .btn {
  background-color: none !important;
  border-color: none !important;
  box-shadow: none !important;
}

form input {
  height: 40px;
}

.btn-secondary-flotas {
  position: relative;
}

.btn-secondary-flotas.activo {
  background: var(--primary-100);
}

.btn-secondary-flotas.activo::before {
  content: "";
  display: block;
  background: var(--primary-500);
  outline: 2px solid var(--superficie-white);
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  right: 8px;
  top: 5px;
}

.btn-secondary-flotas .ms-2 .icons-lib {
  padding: 2px;
}

#filtro-eventos {
  position: relative;
}
#filtro-eventos .icons-lib {
  padding: 2px;
}
#filtro-eventos.activo {
  background: var(--primary-100);
}
#filtro-eventos.activo::before {
  content: "";
  display: block;
  background: var(--primary-500);
  outline: 2px solid var(--superficie-white);
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  right: 8px;
  top: 5px;
}

form input:focus {
  border: none !important;
}

.cursor {
  cursor: pointer;
}

.grab {
  cursor: grab;
}

/*.menuTopListado {
padding-top: 32px !important;
margin-right: 4px !important;
}*/
.pastillasListado {
  top: 20px;
  left: 610px;
  z-index: 999;
  position: absolute;
}

.pastillasListado img {
  margin-top: 3px;
  margin-right: 8px;
  height: 16px;
  width: 16px;
}

.toggleMapaListado {
  z-index: 997;
  top: -6px;
  right: 0px;
}

.toggleMapaListado a {
  padding: 4px 8px;
}

.positionAbsolute {
  position: absolute;
}

.menuTopBuscadorMapa {
  top: 16px;
  left: 32px;
  z-index: 999;
}

.col-5.dcha .menuTop.menuTopBuscadorMapa,
.col-8.dcha .menuTop.menuTopBuscadorMapa {
  display: none;
}

/*
.menuTop .buscador {}

.menuTop .buscador img {
width: 18px;
}

.menuTop .buscador span.fa-search {
display: block;
height: 2.375rem;
line-height: 2.375rem;
text-align: center;
pointer-events: none;
color: var(--secondary-300);
border: 1px solid var(---color-borde);
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-left: 0px !important;
background: var(--superficie-white);
}
*/
/*.menuTop .pastillas-mapa {
background-color: var(--superficie-white);
height: 28px;
border-radius: 6px;
padding: 0 12px;
margin-right: 8px;
user-select: none;
box-shadow: var(--elevation-3);
border: 1px solid var(--color-borde);
color: var(--secondary-500);
transition: 0.1s ease-in;
}*/
#contFiltrosActivos {
  padding-bottom: 16px;
  position: relative;
}

#toggleFiltros {
  border-radius: 50%;
  padding: 2px;
  transition: 0.2s linear;
}
#toggleFiltros.activo {
  background: var(--primary-100);
  fill: var(--primary-600);
}

#botonMas {
  position: absolute;
  right: 0;
  margin-top: -24px;
}

.cont-filtros,
.filtros-detalle {
  gap: 4px;
  gap: 4px;
}
.cont-filtros .flt-s,
.filtros-detalle .flt-s {
  height: 24px;
  border-radius: 16px;
  padding: 0px 4px;
  gap: 4px;
  font-size: 0.77rem;
}
.cont-filtros .flt-s .icons-lib,
.filtros-detalle .flt-s .icons-lib {
  width: 16px;
  height: 16px;
}
.cont-filtros .flt-m,
.filtros-detalle .flt-m {
  height: 32px;
  border-radius: 24px;
  padding: 0px 8px;
  font-size: 0.9rem;
  gap: 4px;
}
.cont-filtros .flt-m .icons-lib,
.filtros-detalle .flt-m .icons-lib {
  width: 20px;
  height: 20px;
}
.cont-filtros .flt-l,
.filtros-detalle .flt-l {
  height: 40px;
  border-radius: 24px;
  padding: 0 16px;
  gap: 8px;
  font-size: 1rem;
}
.cont-filtros .flt-l .icons-lib,
.filtros-detalle .flt-l .icons-lib {
  width: 24px;
  height: 24px;
}
.cont-filtros .flt-xl,
.filtros-detalle .flt-xl {
  height: 48px;
  border-radius: 24px;
  padding: 0 20px;
  gap: 8px;
  font-size: 18px;
}
.cont-filtros .flt-xl .icons-lib,
.filtros-detalle .flt-xl .icons-lib {
  width: 24px;
  height: 24px;
}
.cont-filtros .filtro,
.filtros-detalle .filtro {
  background-color: var(--superficie-white);
  user-select: none;
  border: 1px solid var(--color-borde);
  color: var(--texto);
  transition: 0.1s ease-in;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cont-filtros .filtro.activo,
.filtros-detalle .filtro.activo {
  background: var(--primary-50);
  color: var(--primary-600);
  border: 1px solid var(--primary-600);
  cursor: default !important;
}
.cont-filtros .filtro.activo span,
.filtros-detalle .filtro.activo span {
  color: var(--primary-600);
}
.cont-filtros .filtro.activo .icons-lib,
.filtros-detalle .filtro.activo .icons-lib {
  fill: var(--primary-500);
}
.cont-filtros .filtro.activo .icons-lib:hover,
.filtros-detalle .filtro.activo .icons-lib:hover {
  fill: var(--primary-400);
}
.cont-filtros .filtro span,
.filtros-detalle .filtro span {
  font-weight: 500;
  color: var(--texto);
  text-wrap: nowrap;
}
.cont-filtros .filtro:not(.activo):hover,
.filtros-detalle .filtro:not(.activo):hover {
  background: var(--secondary-100);
  border-color: var(--secondary-200);
}
.cont-filtros .filtro.pastillas-mapa-activa,
.filtros-detalle .filtro.pastillas-mapa-activa {
  background: var(--primary-100);
  color: var(--primary-700);
  border: 1px solid var(--primary-500);
  cursor: default !important;
}
.cont-filtros .filtro.pastillas-mapa-activa:hover,
.filtros-detalle .filtro.pastillas-mapa-activa:hover {
  background: var(--primary-100);
  color: var(--primary-700);
  border: 1px solid var(--primary-500);
  cursor: default !important;
}
.cont-filtros .filtro.pastillas-mapa-activa span,
.filtros-detalle .filtro.pastillas-mapa-activa span {
  color: var(--primary-700);
}
.cont-filtros .filtro.filtroFlotas, .cont-filtros .filtro.filtroEtiquetas,
.filtros-detalle .filtro.filtroFlotas,
.filtros-detalle .filtro.filtroEtiquetas {
  background-color: var(--superficie-1);
  border: 1px solid var(--secondary-200);
}
.cont-filtros .filtro.filtroFlotas.activo, .cont-filtros .filtro.filtroEtiquetas.activo,
.filtros-detalle .filtro.filtroFlotas.activo,
.filtros-detalle .filtro.filtroEtiquetas.activo {
  background: var(--primary-50);
  color: var(--primary-600);
  border: 1px solid var(--primary-600);
  cursor: default !important;
}
.cont-filtros .filtro.filtroFlotas.activo span, .cont-filtros .filtro.filtroEtiquetas.activo span,
.filtros-detalle .filtro.filtroFlotas.activo span,
.filtros-detalle .filtro.filtroEtiquetas.activo span {
  color: var(--primary-600);
}
.cont-filtros .filtro.filtroFlotas.activo .icons-lib, .cont-filtros .filtro.filtroEtiquetas.activo .icons-lib,
.filtros-detalle .filtro.filtroFlotas.activo .icons-lib,
.filtros-detalle .filtro.filtroEtiquetas.activo .icons-lib {
  fill: var(--primary-500);
}
.cont-filtros .filtro.filtroFlotas.activo .icons-lib:hover, .cont-filtros .filtro.filtroEtiquetas.activo .icons-lib:hover,
.filtros-detalle .filtro.filtroFlotas.activo .icons-lib:hover,
.filtros-detalle .filtro.filtroEtiquetas.activo .icons-lib:hover {
  fill: var(--primary-400);
}
.cont-filtros .filtro.filtroFlotas .icons-lib, .cont-filtros .filtro.filtroEtiquetas .icons-lib,
.filtros-detalle .filtro.filtroFlotas .icons-lib,
.filtros-detalle .filtro.filtroEtiquetas .icons-lib {
  fill: var(--texto-medio);
}
.cont-filtros .flt-s,
.filtros-detalle .flt-s {
  height: 24px;
  border-radius: 16px;
  padding: 0 8px;
  gap: 4px;
  font-size: 0.77rem;
}
.cont-filtros .flt-s .icons-lib,
.filtros-detalle .flt-s .icons-lib {
  width: 16px;
  height: 16px;
}
.cont-filtros .flt-m,
.filtros-detalle .flt-m {
  height: 32px;
  border-radius: 24px;
  padding: 0 12px;
  font-size: 0.9rem;
  gap: 4px;
}
.cont-filtros .flt-m .icons-lib,
.filtros-detalle .flt-m .icons-lib {
  width: 20px;
  height: 20px;
}
.cont-filtros .flt-l,
.filtros-detalle .flt-l {
  height: 40px;
  border-radius: 24px;
  padding: 0 16px;
  gap: 8px;
  font-size: 1rem;
}
.cont-filtros .flt-l .icons-lib,
.filtros-detalle .flt-l .icons-lib {
  width: 24px;
  height: 24px;
}
.cont-filtros .flt-xl,
.filtros-detalle .flt-xl {
  height: 48px;
  border-radius: 24px;
  padding: 0 20px;
  gap: 8px;
  font-size: 18px;
}
.cont-filtros .flt-xl .icons-lib,
.filtros-detalle .flt-xl .icons-lib {
  width: 24px;
  height: 24px;
}
.cont-filtros .filtroItemReport, .cont-filtros .filtro,
.filtros-detalle .filtroItemReport,
.filtros-detalle .filtro {
  background-color: var(--superficie-white);
  user-select: none;
  box-shadow: var(--elevation-0);
  border: 1px solid var(--color-borde);
  color: var(--texto);
  transition: 0.1s ease-in;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cont-filtros .filtroItemReport.activo, .cont-filtros .filtro.activo,
.filtros-detalle .filtroItemReport.activo,
.filtros-detalle .filtro.activo {
  background: var(--primary-50);
  color: var(--primary-600);
  border: 1px solid var(--primary-600);
  cursor: default !important;
}
.cont-filtros .filtroItemReport.activo span, .cont-filtros .filtro.activo span,
.filtros-detalle .filtroItemReport.activo span,
.filtros-detalle .filtro.activo span {
  color: var(--primary-600);
}
.cont-filtros .filtroItemReport.activo .icons-lib, .cont-filtros .filtro.activo .icons-lib,
.filtros-detalle .filtroItemReport.activo .icons-lib,
.filtros-detalle .filtro.activo .icons-lib {
  fill: var(--primary-500);
}
.cont-filtros .filtroItemReport.activo .icons-lib:hover, .cont-filtros .filtro.activo .icons-lib:hover,
.filtros-detalle .filtroItemReport.activo .icons-lib:hover,
.filtros-detalle .filtro.activo .icons-lib:hover {
  fill: var(--primary-400);
}
.cont-filtros .filtroItemReport span, .cont-filtros .filtro span,
.filtros-detalle .filtroItemReport span,
.filtros-detalle .filtro span {
  font-weight: 500;
  color: var(--texto);
  text-wrap: nowrap;
}
.cont-filtros .filtroItemReport:not(.activo):hover, .cont-filtros .filtro:not(.activo):hover,
.filtros-detalle .filtroItemReport:not(.activo):hover,
.filtros-detalle .filtro:not(.activo):hover {
  background: var(--secondary-100);
  border-color: var(--secondary-200);
}
.cont-filtros .filtroItemReport.pastillas-mapa-activa, .cont-filtros .filtro.pastillas-mapa-activa,
.filtros-detalle .filtroItemReport.pastillas-mapa-activa,
.filtros-detalle .filtro.pastillas-mapa-activa {
  background: var(--primary-100);
  color: var(--primary-700);
  border: 1px solid var(--primary-500);
  cursor: default !important;
}
.cont-filtros .filtroItemReport.pastillas-mapa-activa:hover, .cont-filtros .filtro.pastillas-mapa-activa:hover,
.filtros-detalle .filtroItemReport.pastillas-mapa-activa:hover,
.filtros-detalle .filtro.pastillas-mapa-activa:hover {
  background: var(--primary-100);
  color: var(--primary-700);
  border: 1px solid var(--primary-500);
  cursor: default !important;
}
.cont-filtros .filtroItemReport.pastillas-mapa-activa span, .cont-filtros .filtro.pastillas-mapa-activa span,
.filtros-detalle .filtroItemReport.pastillas-mapa-activa span,
.filtros-detalle .filtro.pastillas-mapa-activa span {
  color: var(--primary-700);
}
.cont-filtros .filtroItemReport.filtroFlotas, .cont-filtros .filtroItemReport.filtroEtiquetas, .cont-filtros .filtro.filtroFlotas, .cont-filtros .filtro.filtroEtiquetas,
.filtros-detalle .filtroItemReport.filtroFlotas,
.filtros-detalle .filtroItemReport.filtroEtiquetas,
.filtros-detalle .filtro.filtroFlotas,
.filtros-detalle .filtro.filtroEtiquetas {
  background-color: var(--superficie-1);
  border: 1px solid var(--secondary-200);
}
.cont-filtros .filtroItemReport.filtroFlotas.activo, .cont-filtros .filtroItemReport.filtroEtiquetas.activo, .cont-filtros .filtro.filtroFlotas.activo, .cont-filtros .filtro.filtroEtiquetas.activo,
.filtros-detalle .filtroItemReport.filtroFlotas.activo,
.filtros-detalle .filtroItemReport.filtroEtiquetas.activo,
.filtros-detalle .filtro.filtroFlotas.activo,
.filtros-detalle .filtro.filtroEtiquetas.activo {
  background: var(--primary-50);
  color: var(--primary-600);
  border: 1px solid var(--primary-600);
  cursor: default !important;
}
.cont-filtros .filtroItemReport.filtroFlotas.activo span, .cont-filtros .filtroItemReport.filtroEtiquetas.activo span, .cont-filtros .filtro.filtroFlotas.activo span, .cont-filtros .filtro.filtroEtiquetas.activo span,
.filtros-detalle .filtroItemReport.filtroFlotas.activo span,
.filtros-detalle .filtroItemReport.filtroEtiquetas.activo span,
.filtros-detalle .filtro.filtroFlotas.activo span,
.filtros-detalle .filtro.filtroEtiquetas.activo span {
  color: var(--primary-600);
}
.cont-filtros .filtroItemReport.filtroFlotas.activo .icons-lib, .cont-filtros .filtroItemReport.filtroEtiquetas.activo .icons-lib, .cont-filtros .filtro.filtroFlotas.activo .icons-lib, .cont-filtros .filtro.filtroEtiquetas.activo .icons-lib,
.filtros-detalle .filtroItemReport.filtroFlotas.activo .icons-lib,
.filtros-detalle .filtroItemReport.filtroEtiquetas.activo .icons-lib,
.filtros-detalle .filtro.filtroFlotas.activo .icons-lib,
.filtros-detalle .filtro.filtroEtiquetas.activo .icons-lib {
  fill: var(--primary-500);
}
.cont-filtros .filtroItemReport.filtroFlotas.activo .icons-lib:hover, .cont-filtros .filtroItemReport.filtroEtiquetas.activo .icons-lib:hover, .cont-filtros .filtro.filtroFlotas.activo .icons-lib:hover, .cont-filtros .filtro.filtroEtiquetas.activo .icons-lib:hover,
.filtros-detalle .filtroItemReport.filtroFlotas.activo .icons-lib:hover,
.filtros-detalle .filtroItemReport.filtroEtiquetas.activo .icons-lib:hover,
.filtros-detalle .filtro.filtroFlotas.activo .icons-lib:hover,
.filtros-detalle .filtro.filtroEtiquetas.activo .icons-lib:hover {
  fill: var(--primary-400);
}
.cont-filtros .filtroItemReport.filtroFlotas .icons-lib, .cont-filtros .filtroItemReport.filtroEtiquetas .icons-lib, .cont-filtros .filtro.filtroFlotas .icons-lib, .cont-filtros .filtro.filtroEtiquetas .icons-lib,
.filtros-detalle .filtroItemReport.filtroFlotas .icons-lib,
.filtros-detalle .filtroItemReport.filtroEtiquetas .icons-lib,
.filtros-detalle .filtro.filtroFlotas .icons-lib,
.filtros-detalle .filtro.filtroEtiquetas .icons-lib {
  fill: var(--texto-medio);
}

.dataTables_wrapper .dataTables_length select {
  border: 1px solid var(--color-borde) !important;
  border-radius: 4px !important;
  color: var(--texto);
}

#pastillaElegir {
  cursor: pointer !important;
}

.menuTop .buscador input {
  width: 100%;
  min-width: 350px;
  height: 40px;
}

#filter-card .buscador input {
  min-width: auto;
}

#filter-card {
  position: relative !important;
  width: 220px !important;
  border-radius: 8px;
  padding: 8px;
  border: 1px solid var(--color-borde);
  background: var(--superficie-2);
}

.pills button,
.menuTop button,
.menuTop .buscador input :hover,
.menuTop .buscador input:focus,
.menuTop .buscador input:active {
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}

.menuTop .botones {
  width: auto;
  position: absolute;
  margin-left: calc(100vw - 830px);
  height: 36px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.menuPastillas a,
.pills button,
.menuTop button {
  background-color: var(--superficie-white);
  outline: 1px solid var(--secondary-100) !important;
  border-radius: 4px;
  padding-bottom: 5px;
  padding-top: 5px;
  height: fit-content;
}

.menuPastillas a.primary:hover,
.pills button.primary:hover,
.menuTop button.primary:hover {
  background: var(--primary-100);
  border: 1px solid var(--primary-400);
}

.pestanas {
  width: auto;
  background-color: var(--superficie-white);
  border: 1px solid var(--color-borde);
  border-radius: 40px;
  height: fit-content;
}

.menuTop.toggle .pestanas {
  position: relative;
  display: inline-block;
  margin-left: 0px;
}

.menuTop button.activo.primary,
.pestanas ul li.activo.primary,
.menuPastillas a.activo.primary {
  background: var(--primary-500);
  border-color: var(--primary-600);
  outline: 1px solid var(--primary-600);
  border-radius: 40px;
  padding: 4px 12px;
}

.pestanas ul li.toggle-izq {
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}

.pestanas ul li.toggle-der {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}

.menuTop button.activo.orange,
.pestanas ul li.activo.orange,
.menuPastillas a.activo.orange {
  background: var(--superficie-white);
  border-color: var(--dentro-geocerca);
  outline: 1px solid var(--dentro-geocerca) !important;
}

.menuTop .activo.orange .weight {
  font-weight: 500;
  color: var(--dentro-geocerca);
}

.menuTop .botones .cantidadAlarmas {
  color: var(--secondary-100);
}

.menuTop .botones .btn-label img {
  width: 18px;
}

.menuTop .botones #Encuadres {
  width: auto;
  margin-right: 40px;
}

.pestanas ul li {
  cursor: pointer;
  border: 1px solid transparent;
  padding: 4px 12px;
  display: flex;
  align-items: center;
  transition: 0.1s linear;
  border-radius: 40px;
}

.crearGeocercaPestanaActiva, .crearTagPestanaActiva {
  background: var(--primary-500);
  border-radius: 40px;
  color: var(--white);
}

.pestanas ul .crearGeocercaPestanaActiva:hover, .pestanas ul .crearTagPestanaActiva:hover {
  background: var(--primary-500);
}

.pestanas ul li:hover {
  background: var(--primary-100);
}

.pestanas ul li .nav-link {
  color: var(--texto);
  padding: 0;
  line-height: 1em;
}

.pestanas .crearGeocercaPestanaActiva .nav-link, .pestanas .crearTagPestanaActiva .nav-link {
  color: var(--white);
}

.pestanas ul .activo .icons-lib {
  fill: var(--white);
}

.pestanas ul li.activo.primary .nav-link {
  color: var(--white);
}

.info-fam {
  position: relative;
  max-width: 220px;
}

.info-fam .info {
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
}

.info-fam .info .icons-lib {
  fill: var(--texto-medio);
  width: 20px;
  height: 20px;
}

#mainPage #borrarBusqueda {
  border-radius: 8px !important;
}

#mainPage #borrarBusqueda button {
  background-color: var(--primary-100) !important;
  border: 1px solid var(--primary-100) !important;
  border-radius: 8px !important;
  outline: 0px !important;
}

#mainPage #borrarBusqueda img {
  width: 12px;
  margin-left: 4px;
  padding-bottom: 10px;
  opacity: 35%;
}

#mainPage #ult-actualizacion {
  right: -32;
  top: 8;
  position: absolute;
}

#mainPage #borrarBusqueda a img:hover,
#mainPage #ult-actualizacion a img:hover {
  border-radius: 16px;
  background-color: var(--gris80);
}

/*MENÚ CONFIGURACIÓN*/
#menu-conf {
  width: 100% !important;
  max-width: 300px;
  height: 100vh;
  padding: 0;
}

#menu-conf #desplegarMenu {
  visibility: hidden;
  transition: 0.5s ease-in-out;
  background: transparent;
  border-color: transparent;
}

#menu-conf #desplegarMenu .icons-lib {
  fill: transparent;
  transition: 0.2s ease-in-out;
  width: 16px;
  height: 16px;
}

#menu-conf:hover #desplegarMenu {
  visibility: visible;
  transition: 0.2s ease-in-out;
  background: var(--superficie-3);
  border: 1px solid var(--color-borde);
  color: var(--texto);
}

#menu-conf #desplegarMenu:hover {
  background: var(--superficie-4);
}

#menu-conf:hover #desplegarMenu .icons-lib {
  fill: var(--texto);
  transition: 0.2s ease-in-out;
}

#subMenuIzquierda,
#menuIzquierda {
  transition: 0.2s ease-in;
  background-color: var(--superficie-1);
  padding-top: 100px !important;
  border-right: 1px solid var(--color-borde);
  position: relative;
  left: 0;
}

.dark-theme #subMenuIzquierda,
.dark-theme #menuIzquierda {
  background-color: var(--superficie-2);
}

#menuIzquierda {
  width: 54px;
}

#subMenuIzquierda {
  width: 100%;
  position: absolute;
  left: 0;
  height: 100vh;
}

#desplegarMenu {
  width: 24px;
  height: 24px;
  display: flex;
  border: 1px solid var(--color-borde);
  border-radius: 50%;
  background-color: var(--superficie-4);
  z-index: 1;
  transition: 0.2s ease-in;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  position: absolute;
  top: 80px;
  left: 40px;
}

#desplegarMenu.imagenIzq {
  transform: rotate(180deg);
  left: 286px;
}

#menuIzquierda ul {
  position: relative;
  z-index: 1;
}

#menuIzquierda .left-container li {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

#menuIzquierda .left-container li a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

#subMenuIzquierda .primary,
#menuIzquierda .left-container .primary {
  background: var(--primary-200) !important;
  transition: 0.2s linear;
}

#menuIzquierda .left-container .primary.bg_primary_ultralight_01,
#subMenuIzquierda .listados .primary.bg_primary_ultralight_01 {
  background: var(--primary-200) !important;
}

#menuIzquierda .left-container .primary a:hover,
#subMenuIzquierda .primary:hover {
  background: var(--primary-200) !important;
}

#subMenuIzquierda .listados li {
  width: 260px !important;
  padding-left: 16px !important;
  position: relative;
  left: 24px;
}

#subMenuIzquierda .listados li a {
  height: 40px;
  line-height: 40px;
  padding: 0 !important;
}

.menuBarraSuperior {
  background: var(--superficie-white);
  position: sticky;
  top: 0;
  left: 0;
  z-index: 12;
  height: 68px;
  -webkit-box-shadow: var(--elevation-0);
  -moz-box-shadow: var(--elevation-0);
  box-shadow: var(--elevation-0);
  border-bottom: 1px solid var(--color-borde);
}

.menuBarraSuperior .contenedor-imagen {
  width: 100%;
  max-width: 120px;
  min-width: 120px;
  height: auto;
  max-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.menuBarraSuperior .contenedor-imagen .cont-empr {
  display: block;
  width: 120px;
  height: 60px;
}
.menuBarraSuperior .contenedor-imagen .cont-empr .empresa {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#enlaceinvitado .contenedor-imagen {
  width: 100%;
  max-width: 120px;
  min-width: 120px;
  height: auto;
  max-height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}
#enlaceinvitado .contenedor-imagen .cont-empr {
  display: block;
  width: 120px;
  height: 60px;
}
#enlaceinvitado .contenedor-imagen .cont-empr .empresa {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.menuBarraSuperior .menu-prin .logoMenu {
  width: 40px !important;
}

.menuBarraSuperior .menu-sec .logoMenu {
  width: 100px !important;
}

.menuBarraSuperior .nav {
  height: 68px;
}

.menuBarraSuperior .nav .nav-item {
  position: relative;
  height: 100%;
  transition: 0.2s ease-in;
}

.menuBarraSuperior .nav .nav-item a {
  transition: 0.2s ease-in;
  border-radius: 4px;
}

/*Elemento del menú hover*/
.menuBarraSuperior .nav .nav-item:hover .nav-link {
  cursor: pointer;
  background: var(--primary-50);
  color: var(--primary-500) !important;
}

.menuBarraSuperior .nav .nav-item.activo:hover .nav-link {
  background: none;
}

/*FIN Elemento del menú hover*/
/*Elemento del menú activo*/
.menuBarraSuperior .nav .nav-item.activo:after {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background: var(--primary-500);
  position: absolute;
  bottom: 0;
}

.menuBarraSuperior .nav .nav-item.activo a {
  color: var(--primary-500) !important;
  font-weight: 700;
}

/*ICONOS*/
.icons-lib {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  fill: currentColor;
  outline: none;
}

.icons-lib.icon-s {
  width: 16px;
  height: 16px;
}

.icons-lib.icon-m {
  width: 24px;
  height: 24px;
}

.icons-lib.icon-l {
  width: 32px;
  height: 32px;
}

.icons-lib.icon-xl {
  width: 40px;
  height: 40px;
}

.dark-theme .iconoRumboVehiculo div {
  background: var(--superficie-white) !important;
}

.dark-theme .iconoRumboVehiculo .icons-lib {
  fill: white !important;
}

.menu-nivel2 a {
  color: var(--texto) !important;
}

/*Notificación de alarmas*/
#tarjetas #cantAlarmas {
  margin-right: 8px;
}

#cantAlarmas {
  position: relative;
}
#cantAlarmas .cantAlarmas {
  position: absolute;
  font-size: 10px;
  top: -4px;
  right: -30%;
  padding: 0 4px;
  width: fit-content;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
}

/*Notificación de punto*/
.notificacion-punto {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  background-color: var(--acento-rojo-600);
  border-radius: 50%;
}

/*FIN Elemento del menú activo*/
#botonMasAlarmas {
  position: absolute;
  right: 8px;
}

.blqAlarma.first {
  width: calc(100% - 100px);
}

.btn.d-flex.menu-nivel2 div {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.2s ease-in;
}

.btn.d-flex.menu-nivel2 div:hover {
  background: var(--primary-50);
}

.btn.d-flex.menu-nivel2 .primary {
  background: var(--primary-50);
}

.menu-nivel2 .primary .icons-lib {
  fill: var(--primary-500);
}

#avatarButtons {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: 0.2s linear;
  outline: 0px solid var(--primary-500);
}

#avatarButtons:hover {
  outline: 4px solid #e8effc;
}

.menuBarraSuperior #avatarUsuario {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.btn.d-flex a {
  display: block;
  width: 24px;
  height: 24px;
}

.btn.d-flex a img {
  width: 100%;
  height: auto;
}

.menuIzquierda .left-container img {
  width: 37px;
  padding: 0.5rem;
}

.menuIzquierda .expandir img {
  width: 38px;
  padding: 0.75rem;
}

.menuIzquierda .left-container div {
  border-radius: 8px;
}

.menuIzquierda .cantAlarmas {
  position: absolute;
  right: 0;
  width: 18px;
  height: 18px;
  font-size: 10px;
  padding: 3px 1px;
}

.d-grid .btn.disabled {
  background-color: var(--secondary-200) !important;
  border-color: var(--secondary-200) !important;
  opacity: 0.5 !important;
}

.disabledToggle {
  opacity: 0.6;
  pointer-events: none;
  cursor: default !important;
}

.tarjetaMenu .tarjetaMenuBody a {
  display: inline;
}

.tarjetaMenu .tarjetaMenuBody a:hover {
  color: var(--primary-700) !important;
}

.tarjetaMenu .tarjetaMenuBody .editarUser {
  display: inline;
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.tarjetaMenu .tarjetaMenuBody .editarUser:hover {
  background: var(--primary-50) !important;
}
.tarjetaMenu .tarjetaMenuBody .editarUser:hover .icons-lib {
  fill: var(--primary-700) !important;
}

.extensible {
  left: 72;
  width: 160px !important;
}

#extensible .left-container div {
  margin-bottom: 1.2rem;
}

.txtExtensible,
.txtExtensible:visited {
  text-decoration: none;
  color: var(--secondary-500) !important;
}

div .emailExt {
  width: 145px;
}

.emailExt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: var(--secondary-500);
}

.topExt .mb-4,
.middleExt .mb-4,
.bottomext .mb-4 {
  margin-bottom: 1.6rem !important;
}

#extensible .left-container div:hover {
  background-color: transparent !important;
  color: var(--secondary-700);
}

.tarjetaMenu .tarjetaMenuBody .opciones a:hover {
  color: var(--primary-700) !important;
}

.menuIzquierda .left-container .exp {
  transition: all 0.3s ease;
}

.menuIzquierda .left-container .exp:hover {
  transform: scale(1.1);
  background-color: transparent !important;
}

.menuIzquierda.invert .left-container.top img,
.menuIzquierda.invert .left-container.middle img {
  filter: invert(100);
}

.menuIzquierda .left-container.bottom .empresa {
  width: 40px;
  margin-top: 4px;
  padding: 0rem;
  border-radius: 50%;
}

.menuIzquierda .left-container.bottom .usuario {
  width: 36px;
  height: 36px;
  padding: 0px;
  border-radius: 50%;
}

/*TAG*/
/*.activeTags {
height: 20px;
background: var(--primary-100);
color: var(--secondary-600);
border-radius: 6px;
padding: 4px 8px;
margin: 0 0 0 4px;
width: max-content;
line-height: 1em;
display: flex;
align-items: flex-start;
}

.activeTags:not(:last-of-type) {
margin: 0 0 4px 4px;
}

.dropdown .activeTags {
margin-bottom: 0;
}

.activeTags .icons-lib {
width: 16px;
height: 16px;
fill: var(--primary-500);
margin-left: 4px;
}
*/
table .primary,
.menuIzquierda #avatarButtons.backgroundClicked.primary {
  background: var(--primary-50) !important;
}

/*.tarjeta-report {
    background: var(--superficie-white);
    border: 1px solid var(--color-borde);
    border-radius: 8px;
}*/
.dark-theme .tarjeta-report {
  background: var(--superficie-1);
}

.dropdown-menu {
  border: 1px solid var(--color-borde) !important;
  padding: 0px !important;
  color: var(--texto) !important;
  background: var(--superficie-white) !important;
  font-size: 14px;
  padding: 8px 0 !important;
}

.dropdown-menu .dropdown-item {
  color: var(--texto);
  font-size: 0.9rem;
  cursor: pointer;
  padding: 4px 16px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--texto) !important;
  background: var(--primary-50) !important;
}

/*Fin superior tabla*/
.cabecera-tabla {
  background: var(--superficie-1);
}
.cabecera-tabla th {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1em !important;
}
.cabecera-tabla th .icons-lib {
  fill: var(--texto-medio);
  width: 16px;
  height: 16px;
}

.tabla-blanca .dataTables_wrapper {
  width: 100%;
  margin: 0 auto;
}

.tabla-blanca .dataTables_wrapper #contenerTablaDatatables {
  overflow-x: auto;
}

/*
.congrafico .tabla-blanca .dataTables_wrapper #contenerTablaDatatables {
    min-height: 450px;
    max-height: 450px;
}

.tabla-blanca .dataTables_wrapper #contenerTablaDatatables {
    overflow-x: auto;
    min-height: 540px;
    max-height: 540px;
}

.tabla-blanca .dataTables_wrapper #contenerTablaDatatables.bigger {
    min-height: 680px;
    max-height: 680px;
}
*/
#tablaActivos {
  width: 100%;
  overflow-x: auto;
}

table.dataTable {
  border-collapse: collapse !important;
  /*table-layout: fixed !important;*/
  word-wrap: break-word !important;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
  color: var(--texto);
  background: transparent;
}

table.dataTable tbody td {
  vertical-align: middle;
}

/*
table.dataTable tbody .icons-lib {
    height: 20px;
    width: 20px;
    margin-right: 8px;
}
*/
table.dataTable tbody td[onclick]:hover {
  color: var(--primary-600);
  text-decoration: underline;
}

.odd .columna-nombre.acordeon .icons-lib {
  transition: 0.2s linear;
  transform-origin: 50% 50%;
  margin: 0 !important;
}

.odd.dt-hasChild .columna-nombre.acordeon .icons-lib {
  transform: rotate(-180deg);
}

.even .columna-nombre.acordeon .icons-lib {
  transition: 0.2s linear;
  transform-origin: 50% 50%;
  margin: 0 !important;
}

.even.dt-hasChild .columna-nombre.acordeon .icons-lib {
  transform: rotate(-180deg);
}

table.dataTable tr.disabled td {
  background-color: var(--secondary-100);
  pointer-events: none;
}

table.dataTable thead th {
  border: none !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

table tbody tr:hover {
  background: var(--primary-50) !important;
}

table {
  margin-bottom: 20px;
}

table tr {
  border-bottom: 1px solid var(--color-borde);
  border-top: 1px solid var(--color-borde);
  color: var(--texto);
  font-size: 0.9rem;
}

.table.bg-white {
  background: transparent !important;
}

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after,
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
  content: none !important;
}

table.dataTable thead > tr > th.sorting span .icons-lib,
table.dataTable thead > tr > th.sorting_asc span .icons-lib,
table.dataTable thead > tr > th.sorting_desc span .icons-lib,
table.dataTable thead > tr > th.sorting_asc_disabled span .icons-lib,
table.dataTable thead > tr > th.sorting_desc_disabled span .icons-lib,
table.dataTable thead > tr > td.sorting span .icons-lib,
table.dataTable thead > tr > td.sorting_asc span .icons-lib,
table.dataTable thead > tr > td.sorting_desc span .icons-lib,
table.dataTable thead > tr > td.sorting_asc_disabled span .icons-lib,
table.dataTable thead > tr > td.sorting_desc_disabled span .icons-lib {
  fill: var(--texto-medio);
  width: 16px;
  height: 16px;
}

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody td.select-checkbox:after,
table.dataTable tbody th.select-checkbox:before,
table.dataTable tbody th.select-checkbox:after,
table.dataTable tr td.select-checkbox:before,
table.dataTable tr th.select-checkbox:before,
table.dataTable tr td.select-checkbox:after,
table.dataTable tr th.select-checkbox:after {
  border-radius: 2px !important;
  width: 16px !important;
  height: 16px !important;
  border: 1px solid var(--texto-disabled) !important;
  display: block;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: var(--superficie-0);
}

.dark-theme .dataTable tbody td.select-checkbox:before,
.dark-theme table.dataTable tbody td.select-checkbox:after,
.dark-theme table.dataTable tbody th.select-checkbox:before,
.dark-theme table.dataTable tbody th.select-checkbox:after,
.dark-theme table.dataTable tr td.select-checkbox:before,
.dark-theme table.dataTable tr th.select-checkbox:before,
.dark-theme table.dataTable tr td.select-checkbox:after,
.dark-theme table.dataTable tr th.select-checkbox:after {
  border: 1px solid var(--texto-disabled) !important;
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'><rect width='16' height='16' rx='2' fill='none'/><path d='M4 8L6 10L12 4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  text-shadow: none !important;
  background: transparent !important;
  border-color: transparent !important;
}

table.dataTable tr.selected td.select-checkbox:before,
table.dataTable tr.selected th.select-checkbox:before {
  background: var(--primary-500) !important;
  border-color: var(--primary-500) !important;
  color: var(--superficie-white);
}

table.dataTable tbody tr.selected > * {
  box-shadow: inset 0 0 0 9990px var(--primary-50) !important;
  color: var(--texto) !important;
}

/*.selectAll {
    cursor: pointer !important;
    width: 16px !important;
    height: 16px !important;
    border: 1px solid var(--secondary-300) !important;
}

.dark-theme .selectAll {
    border: 1px solid var(--secondary-800) !important;
}*/
#selectallActivosDispoText {
  font-size: 0.9rem;
  /*font-weight: 500;*/
}

.tabla-blanca .dataTables_wrapper table thead {
  position: sticky;
  top: -1px;
  z-index: 40;
}

.tabla-blanca .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 0 !important;
}

.dataTables_length,
.tabla-blanca .dataTables_wrapper .dataTables_info {
  padding: 0 !important;
}

.dataTables_paginate.paging_simple_numbers {
  width: 100% !important;
  text-align: center !important;
  padding: 0 !important;
}

.tabla-blanca .dataTables_wrapper .dataTables_length,
.tabla-blanca .dataTables_wrapper .dataTables_filter,
.tabla-blanca .dataTables_wrapper .dataTables_info,
.tabla-blanca .dataTables_wrapper .dataTables_processing,
.tabla-blanca .dataTables_wrapper .dataTables_paginate {
  color: var(--texto) !important;
}

.tabla-blanca .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.tabla-blanca .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.tabla-blanca .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: var(--texto-disabled) !important;
}

.tabla-blanca .dataTables_wrapper .dataTables_paginate .paginate_button {
  background: transparent !important;
  color: var(--texto-medio) !important;
  border: none !important;
  font-weight: 500 !important;
  border-radius: 50% !important;
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
}

.tabla-blanca .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: var(--primary-50) !important;
  color: var(--primary-700) !important;
}

.tabla-blanca .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--primary-50) !important;
  color: var(--primary-700) !important;
}

.tabla-blanca .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: transparent !important;
  color: var(--primary-700) !important;
}

.tabla-blanca .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  box-shadow: none !important;
  background: none !important;
}

.dt-buttons {
  gap: 8px;
}

.select-checkbox {
  cursor: pointer;
}

.table > thead {
  vertical-align: middle !important;
}

.d-geo .icons-lib,
.f-geo .icons-lib {
  margin: 0 !important;
  fill: var(--secondary-500);
}

.d-geo .cont-icon {
  background: var(--dentro-geocerca);
}

.f-geo .cont-icon {
  background: var(--sin-config);
}

table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after {
  display: none !important;
}

.tabla-blanca.full-screen {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--superficie-0);
  z-index: 1050;
  margin: 0px !important;
}

.dark-theme .contenido .tabla-blanca.full-screen {
  background: var(--superficie-1);
}

.tabla-blanca.full-screen .dataTables_wrapper {
  max-height: none;
}

.nav-tabs {
  margin-left: 4rem;
}

.subMenuIzquierda .perfil:hover,
.menuIzquierda #avatarButtons,
.imgMensaje:hover {
  background: var(--primary-100) !important;
}

.menuIzquierda #avatarButtons #avatarUsuario.secondaryImg {
  content: url("/content/imgs/icons/avatar.png");
}

.menuIzquierda #avatarButtons:hover {
  background: var(--primary-100) !important;
}

.menuIzquierda .fa-id-badge {
  cursor: "pointer";
}

.tarjetaMenu {
  top: 72px;
  right: 16px;
  position: absolute;
  z-index: 10;
  background: var(--superficie-0);
  width: 380px !important;
  border-radius: 16px;
  -webkit-box-shadow: var(--elevation-4);
  box-shadow: var(--elevation-4);
  border: 1px solid var(--color-borde);
  overflow: hidden;
}

.tarjetaMenu .perfil .usernombre,
.tarjetaMenu .perfil .emailuser {
  border: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tarjetaMenu .perfil .usernombre {
  font-size: 1rem;
  font-weight: 500;
  color: var(--texto);
}

.tarjetaMenu .perfil .emailuser {
  font-size: 0.9rem;
  color: var(--texto-medio);
}

.tarjetaMenu .cerrar {
  margin-top: calc(100vh - 29.2rem);
}

.tarjetaMenu .usuario {
  width: 60px;
  border-radius: 50%;
}

.tarjetaMenu .tarjetaMenuBody .perfil:hover .pencil {
  display: block !important;
}

.tarjetaMenu .tarjetaMenuBody .perfil .icons-lib.pencil.imgSelects {
  width: 20px;
  height: 20px;
  fill: var(--primary-500);
}

.editarUser {
  display: flex;
  height: 24px;
  width: 24px;
  align-items: center;
  justify-content: center;
}

.subMenuIzquierda .user {
  border: none;
}

.subMenuIzquierda img,
.tarjetaMenu .listados img {
  width: 14px;
}

.subMenuIzquierda .listados span,
.subMenuIzquierda .cerrar span,
.subMenuIzquierda .mas span {
  vertical-align: middle;
  font-weight: 500;
}

.ml-30 {
  margin-left: 30px;
}

.subMenuIzquierda .cerrar div {
  cursor: pointer;
}

.tarjetaMenu a,
.subMenuIzquierda a {
  text-decoration: none;
  color: var(--texto-medio);
}

.menuizquierda .icons-lib,
.tarjetaMenu.black .perfil a,
.tarjetaMenu.black .opciones a,
.subMenuIzquierda.black a,
.subMenuIzquierda.black span {
  color: var(--texto);
}

.tarjetaMenu .tarjeta {
  background: var(--superficie-2);
  border-radius: 0;
  border-top: 1px solid var(--color-borde);
}

.politicas a {
  color: var(--texto-medio);
  text-decoration: none;
  transition: 0.2s linear;
}

.politicas a:hover {
  color: var(--primary-500);
  text-decoration: none;
  border-bottom: 1px solid;
}

.tarjetaMenu.white a,
.subMenuIzquierda.white a,
.subMenuIzquierda.white span {
  color: var(--superficie-white);
}

.tarjetaMenu .listados div {
  margin-left: 30px;
  cursor: pointer;
}

#gestionEmpresa .activo {
  background: var(--primary-100);
}

.leaflet-control-button,
.leaflet-control-fullscreen-button,
.leaflet-pegman,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  -webkit-box-shadow: var(--elevation-3) !important;
  box-shadow: var(--elevation-3) !important;
}

#mapaPrincipal .leaflet-control-button,
#mapaPrincipal .leaflet-control-fullscreen-button,
#mapaPrincipal .leaflet-pegman,
#mapaPrincipal .leaflet-control-zoom-in,
#mapaPrincipal .leaflet-control-zoom-out {
  -webkit-box-shadow: var(--elevation-3) !important;
  box-shadow: var(--elevation-3) !important;
}
#mapaPrincipal .leaflet-control-zoom.leaflet-bar.leaflet-control {
  background: var(--superficie-white) !important;
  border-radius: 4px;
}

/*fichas flotantes mapa*/
#tarjetaIndividual {
  width: 400px;
  background: var(--superficie-0);
  height: calc(100vh - 150px) !important;
  position: absolute;
  bottom: 16px;
  left: 420px;
  z-index: 998;
  border: 1px solid var(--color-borde);
  border-radius: 16px;
}
#tarjetaIndividual .btn-close {
  position: absolute;
  right: 0;
}
#tarjetaIndividual #cuerpoTarjetaIndividual .conductor {
  width: 100%;
  padding: 0;
}
#tarjetaIndividual #cuerpoTarjetaIndividual .conductor .camion {
  width: 72px;
  height: 72px;
}
#tarjetaIndividual #cuerpoTarjetaIndividual .identificador h1 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
}
#tarjetaIndividual #cuerpoTarjetaIndividual .identificador p {
  font-size: 1rem;
}
#tarjetaIndividual #cuerpoTarjetaIndividual .botoneraFicha {
  padding: 0 16px 16px;
  border-bottom: 1px solid var(--color-borde);
}
#tarjetaIndividual #cuerpoTarjetaIndividual .botoneraFicha > div {
  width: 25%;
}
#tarjetaIndividual #cuerpoTarjetaIndividual .hover-opciones.botonBotonera {
  color: var(--primary-500);
  line-height: 1.2em;
}
#tarjetaIndividual #cuerpoTarjetaIndividual .hover-opciones.botonBotonera:hover .icons-lib {
  background: var(--primary-50);
}
#tarjetaIndividual #cuerpoTarjetaIndividual .hover-opciones.botonBotonera .icons-lib {
  padding: 4;
  border: 1px solid var(--primary-500);
  border-radius: 50%;
  fill: var(--primary-500);
  transition: 0.1s linear;
}
#tarjetaIndividual #cuerpoTarjetaIndividual .hover-opciones.botonBotonera .enlaces {
  color: var(--primary-500) !important;
  font-weight: 500;
  font-size: 0.72rem;
  line-height: 1.2em;
}
#tarjetaIndividual #cuerpoTarjetaIndividual .hover-opciones.botonBotonera .enlaces:hover {
  text-decoration: none;
}
#tarjetaIndividual #cuerpoTarjetaIndividual .hover-opciones.botonBotonera.activo .icons-lib {
  border: 1px solid var(--primary-500);
  background: var(--primary-500);
  fill: var(--white);
}
#tarjetaIndividual #cuerpoTarjetaIndividual .hover-opciones.botonBotonera.activo:hover .icons-lib {
  background: var(--primary-500);
}
#tarjetaIndividual #cuerpoTarjetaIndividual .contenidoficha > div {
  transition: 0.1s linear;
}
#tarjetaIndividual #cuerpoTarjetaIndividual .contenidoficha > div:hover {
  background: var(--superficie-2);
}

.tarjetas {
  width: 400px;
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(6px);
  height: calc(100vh - 68px) !important;
  position: absolute;
  top: 0;
  z-index: 998;
}

.dark-theme .tarjetas {
  background: rgba(0, 0, 0, 0.5) !important;
}

#cont-cards {
  /*ordenar cards*/
}
#cont-cards #cards-scroll {
  top: 104px;
  width: 100%;
  height: calc(100vh - 168px) !important;
  position: absolute;
  z-index: 1001;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 24px 16px 32px;
  gap: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#cont-cards #cards-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#cont-cards #cards-scroll::-webkit-scrollbar-thumb {
  background-color: var(--secondary-200);
  border: 0;
}
#cont-cards #cards-scroll::-webkit-scrollbar-thumb:hover {
  background-color: var(--secondary-300);
  border: 0;
}
#cont-cards .searchSelect {
  min-width: 336px;
  padding: 0px 24px 0 32px;
  width: 100%;
  position: relative;
  top: 72px;
  right: 0;
  z-index: 9990;
}

#cont-cards .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: fit-content !important;
  position: relative;
}

#cont-cards .searchSelect label {
  padding-right: 8px;
  color: var(--texto-medio);
}

#cont-cards .searchSelect button.btn.dropdown-toggle.btn-light {
  padding: 0 !important;
  background: none !important;
  font-size: 14px !important;
  border: 0 !important;
  font-weight: 500 !important;
  text-align: right !important;
  color: var(--texto) !important;
  height: auto !important;
}
#cont-cards .searchSelect button.btn.dropdown-toggle.btn-light::after {
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin-left: 4px !important;
}

#cont-cards .dropdown-menu {
  font-size: 14px !important;
  color: var(--color) !important;
  border: 1px solid var(--color-borde) !important;
  border-radius: 8px !important;
  max-height: none !important;
}

.bootstrap-select .dropdown-menu {
  max-height: 220px !important;
}

.dropdown-menu.inner {
  border: 0 !important;
}

#cont-cards .bootstrap-select .dropdown-menu {
  background: var(--superficie-0) !important;
  border-radius: 8px !important;
  padding: 8px 0 !important;
  right: 0 !important;
  left: auto !important;
}

.dark-theme #cont-cards .bootstrap-select .dropdown-menu {
  background: var(--superficie-2) !important;
}

#cont-cards .dropdown-menu .inner {
  padding: 0 !important;
  border: 0 !important;
}

#tarjetas .pagination {
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  gap: 4px;
  padding: 16px 0;
}
#tarjetas .pagination a {
  text-decoration: none;
  border-radius: 50%;
  color: var(--texto-medio);
  transition: 0.3s ease;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
#tarjetas .pagination a:hover {
  background: var(--primary-50);
}
#tarjetas .pagination .activo {
  background: var(--primary-50);
  color: var(--primary-500);
  font-weight: 600;
}

.dark-theme #tarjetas .pagination a {
  color: var(--texto);
}
.dark-theme #tarjetas .pagination a:hover {
  background: var(--primary-600);
}
.dark-theme #tarjetas .pagination .activo {
  background: var(--primary-900);
  color: var(--primary-100);
}

.dropdown-item.active,
.dropdown-item:active {
  background: none !important;
  color: var(--primary-500) !important;
}

#cont-cards .bootstrap-select .dropdown-toggle:focus,
#cont-cards .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: 0 !important;
  outline-offset: 0;
  box-shadow: none !important;
}

#cont-cards .bootstrap-select .dropdown-menu li a span.text {
  font-size: 14px !important;
}

#cont-cards .bootstrap-select .dropdown-menu li a {
  padding: 8px 32px 8px 16px;
  display: flex;
}

#cont-cards .selected.active:before {
  content: "";
  display: inline-block;
  border-bottom: 2px solid var(--primary-500);
  border-left: 2px solid var(--primary-500);
  width: 12px;
  height: 6px;
  transform: rotate(-45deg);
  position: absolute;
  top: 13px;
  right: 16px;
}

.ascendente,
.descendente {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 32px 8px 16px;
}

.ascendente:after,
.descendente:after {
  content: "";
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
  /*texto light theme*/
  filter: brightness(0) saturate(100%) invert(15%) sepia(2%) saturate(2751%) hue-rotate(152deg) brightness(88%) contrast(85%);
}

.ascendente:after {
  background-image: url('data:image/svg+xml;utf8,<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 3.5C15 3.77614 14.7893 4 14.5294 4L7.47059 4C7.21069 4 7 3.77614 7 3.5C7 3.22386 7.21069 3 7.47059 3L14.5294 3C14.7893 3 15 3.22386 15 3.5Z" fill=""/>/><path fill-rule="evenodd" clip-rule="evenodd" d="M14 6.5C14 6.77614 13.7761 7 13.5 7L7.5 7C7.22386 7 7 6.77614 7 6.5C7 6.22386 7.22386 6 7.5 6L13.5 6C13.7761 6 14 6.22386 14 6.5Z" fill=""/>/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 9.5C12.5 9.77614 12.2761 10 12 10L7.5 10C7.22386 10 7 9.77614 7 9.5C7 9.22386 7.22386 9 7.5 9L12 9C12.2761 9 12.5 9.22386 12.5 9.5Z" fill=""/>/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12.5C10.5 12.7761 10.2761 13 10 13L7.5 13C7.22386 13 7 12.7761 7 12.5C7 12.2239 7.22386 12 7.5 12L10 12C10.2761 12 10.5 12.2239 10.5 12.5Z" fill=""/>/><path d="M1.85355 10.6464L3 11.7929V3C3 2.72386 3.22386 2.5 3.5 2.5C3.77614 2.5 4 2.72386 4 3V11.7929L5.14645 10.6464C5.24021 10.5527 5.36739 10.5 5.5 10.5C5.63261 10.5 5.75979 10.5527 5.85355 10.6464C5.94732 10.7402 6 10.8674 6 11C6 11.1326 5.94713 11.26 5.85337 11.3537L3.85355 13.3536C3.75979 13.4473 3.63261 13.5 3.5 13.5C3.36739 13.5 3.24021 13.4473 3.14645 13.3536L1.14645 11.3536C1.05268 11.2598 1 11.1326 1 11C1 10.8674 1.05268 10.7402 1.14645 10.6464C1.24021 10.5527 1.36739 10.5 1.5 10.5C1.63261 10.5 1.75979 10.5527 1.85355 10.6464Z" fill=""/>/></svg>');
}

.descendente:after {
  background-image: url('data:image/svg+xml;utf8,<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 3.49999C15 3.77613 14.7893 3.99999 14.5294 3.99999L7.47059 3.99999C7.21069 3.99999 7 3.77613 7 3.49999C7 3.22385 7.21069 2.99999 7.47059 2.99999L14.5294 2.99999C14.7893 2.99999 15 3.22385 15 3.49999Z" fill=""/><path fill-rule="evenodd" clip-rule="evenodd" d="M14 6.5C14 6.77614 13.7761 7 13.5 7L7.5 7C7.22386 7 7 6.77614 7 6.5C7 6.22385 7.22386 6 7.5 6L13.5 6C13.7761 6 14 6.22385 14 6.5Z"  fill=""/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 9.5C12.5 9.77614 12.2761 10 12 10L7.5 10C7.22386 10 7 9.77614 7 9.5C7 9.22385 7.22386 9 7.5 9L12 9C12.2761 9 12.5 9.22385 12.5 9.5Z"  fill=""/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 12.5C10.5 12.7761 10.2761 13 10 13L7.5 13C7.22386 13 7 12.7761 7 12.5C7 12.2238 7.22386 12 7.5 12L10 12C10.2761 12 10.5 12.2238 10.5 12.5Z"  fill=""/><path d="M5.14645 5.35355L4 4.20711L4 13C4 13.2761 3.77614 13.5 3.5 13.5C3.22386 13.5 3 13.2761 3 13L3 4.20711L1.85355 5.35355C1.75979 5.44732 1.63261 5.5 1.5 5.5C1.36739 5.5 1.24022 5.44732 1.14645 5.35355C1.05268 5.25979 1 5.13261 1 5C1 4.86739 1.05287 4.74003 1.14663 4.64626L3.14645 2.64645C3.24022 2.55268 3.36739 2.5 3.5 2.5C3.63261 2.5 3.75979 2.55268 3.85355 2.64645L5.85355 4.64645C5.94732 4.74021 6 4.86739 6 5C6 5.13261 5.94732 5.25979 5.85355 5.35355C5.75979 5.44732 5.63261 5.5 5.5 5.5C5.36739 5.5 5.24022 5.44732 5.14645 5.35355Z" fill=""/></svg>');
}

.dark-theme .ascendente:after,
.dark-theme .descendente:after {
  /*texto dark theme*/
  filter: brightness(0) saturate(100%) invert(95%) sepia(6%) saturate(58%) hue-rotate(182deg) brightness(98%) contrast(88%);
}

#cont-cards .selected.active:after,
.dark-theme #cont-cards .selected.active:after {
  filter: brightness(0) saturate(100%) invert(52%) sepia(80%) saturate(3468%) hue-rotate(186deg) brightness(101%) contrast(91%);
}

/*FIN select ordenar cards*/
#cont-cards .card-element,
#cont-cards .card-element-vacio,
#cont-cards .card-element-soporte {
  width: 100%;
  margin: 0;
  padding: 0;
  width: 350px;
  background: var(--superficie-white);
  border-radius: 8px;
  border: 1px solid var(--color-borde);
  box-shadow: var(--elevation-0);
  transition: 0.2s ease-in;
}
#cont-cards .card-element.activo {
  background: var(--superficie-1);
}
#cont-cards .card-element .identificador h1 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#cont-cards .card-element .identificador h1 a,
#cont-cards .card-element .identificador h1 .enlaceGenerico {
  color: var(--texto) !important;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap !important;
}
#cont-cards .card-element .identificador h1 a:hover,
#cont-cards .card-element .identificador h1 .enlaceGenerico:hover {
  text-decoration: underline;
}
#cont-cards .card-element .identificador #cantAlarmas {
  right: 16px;
}

.dark-theme #cont-cards .card-element.activo {
  background: var(--superficie-3);
}

#cont-cards .card-element.centrarGeocercaEnMapa.cursor:hover {
  box-shadow: var(--elevation-3);
}

#cont-cards .card-element.centrarGeocercaEnMapa.cursor.activo {
  background: var(--superficie-1);
  box-shadow: var(--elevation-3);
}

#cont-cards .card-element-vacio p,
#cont-cards .card-element-soporte p {
  font-size: 0.9rem;
  margin: 0;
  padding: 0;
}

.tarjetasLugares #cont-cards {
  height: calc(100vh - 228px) !important;
  width: 400px;
}
.tarjetasLugares #cont-cards #cards-scroll {
  top: 132px;
  height: calc(100vh - 200px) !important;
}

/* spinner */
#spinnerModal {
  width: 4rem;
  height: 4rem;
  display: none;
  border: 0.25em solid var(--primary-500);
  border-right-color: transparent;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
    transform-origin: center center;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: center center;
  }
}
/* Fin spinner */
#mainSpinner {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white-t80);
  transition: 0.3s linear;
}

#mainSpinner .loader {
  width: 102px;
  height: 102px;
}

#giro {
  animation: rotation 1s linear infinite;
}

#logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--white);
  border-radius: 50%;
}

.hrEncuadre {
  margin: 0px;
  padding: 0px;
}

.conductor {
  padding-top: 8px;
  width: calc(100% - 24px);
}

.centrarGeocercaEnMapa .conductor {
  margin-top: 0px;
}

.centrarGeocercaEnMapa .conductor .icons-lib {
  width: 20px;
  height: 20px;
}

.espacio-invisible {
  height: 100px;
  width: 100%;
  position: fixed;
  z-index: 100000;
  width: 400px;
}

.caja-alerta-desplegable {
  background: var(--white_smoke);
  display: flex;
}

.caja-alerta {
  padding: 0px 16px 16px;
  flex-direction: row-reverse;
}
.caja-alerta h1 {
  margin-bottom: 0px !important;
  margin-top: 12px;
  margin-left: 8px;
  margin-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 13px;
  width: 35%;
}
.caja-alerta .ult-conex {
  color: var(--texto-medio);
  font-size: 12px !important;
  margin: 0 !important;
}
.caja-alerta .serviciosLabel p {
  background-color: var(--acento-verde-100);
  padding: 0px 6px;
  font-size: 12px !important;
  margin: 0 !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  height: 16px;
  line-height: 1em;
}
.caja-alerta .serviciosLabel p:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: var(--con-ruta);
  border-radius: 50%;
  margin: 0;
}

/*opciones tarjeta desplegable MAPA*/
.opciones-tarjeta-despl {
  position: absolute;
  width: 90%;
  background: var(--superficie-white);
  right: 2%;
  top: 40px;
  z-index: 999;
  padding: 8px 0;
  border: 1px solid var(--color-borde);
  border-radius: 8px;
}

.opciones-tarjeta-despl-journey {
  position: absolute;
  width: 90%;
  background: var(--superficie-white);
  left: 75.5%;
  /* top: 40px; */
  z-index: 999;
  padding: 8px 0;
  border: 1px solid var(--color-borde);
  border-radius: 8px;
}

.img-opciones-despl {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.opciones-tarjeta-despl .enlaces {
  font-size: 0.9rem;
  color: var(--texto) !important;
}

.opciones-tarjeta-despl .hover-opciones {
  cursor: pointer;
  padding: 4px 16px;
}

.opciones-tarjeta-despl .hover-opciones:hover .enlaces {
  color: var(--texto) !important;
  text-decoration: none;
}

.opciones-tarjeta-despl .hover-opciones .enlaces:hover {
  color: var(--texto) !important;
  text-decoration: none;
}

.opciones-tarjeta-despl .hover-opciones:hover {
  background: var(--primary-50);
}

.opciones-tarjeta-despl label {
  font-weight: 500;
  font-size: 0.77rem;
  margin-bottom: 4px;
  margin-top: 16px;
}

.opciones-tarjeta-despl .form-control {
  padding: 8px 16px;
  font-size: 16px !important;
  line-height: 1.4;
  color: var(--texto) !important;
  border: 1px solid var(--color-borde);
  border-radius: 8px;
}

.opciones-tarjeta-despl .botones .btn {
  font-size: 0.77rem;
}

.opciones-tarjeta-despl .d-flex.flex-column.justify-content-center.align-items-center {
  border-bottom: 1px solid var(--color-borde);
  border-top: 1px solid var(--color-borde);
  margin-bottom: 8px;
  background: var(--superficie-1);
  padding: 0 24px;
}

#opt-card {
  /*dentro del detalle de activo*/
  width: 280px;
  z-index: 99999999999999;
}

/* FIN opciones tarjeta MAPA desplegable*/
.ulCer {
  padding: 0 !important;
  margin: 8px 0 !important;
}

.ulCer li {
  padding: 4px 8px;
}

.ulCer li:not(:last-of-type) {
  border-bottom: 1px solid var(--color-borde);
}

.ulCer li .col-8 {
  font-size: 13px;
  font-weight: 700;
}

.ulCer li .col-4 {
  font-weight: 400;
  font-size: 0.77rem;
  text-align: right;
}

.mult {
  margin-left: 8px !important;
}

.conductor.d-flex.ubicaciones {
  padding: 0;
  color: var(--texto-medio);
}

.identificador .texto-lugares {
  font-size: 0.9rem;
  line-height: 1.5em;
  margin: 0 !important;
}

.caja-alerta img,
.aviso-img-group-mult {
  margin: auto;
  margin-left: 4px;
  margin-right: 0px;
  margin-bottom: -2px;
  width: 16px;
  height: 16px;
}

.aviso-img,
.caja-alerta > .aviso-img-group {
  margin-left: 15px !important;
  margin-bottom: 10px !important;
}

.caja-alerta > .aviso-img-group ~ .aviso-img-group {
  margin-left: 8px !important;
}

.aviso-img-group-mult {
  margin: 0px;
  margin-top: 2px;
}

.aviso-img-down,
.aviso-img-up {
  margin-left: 25px !important;
  margin-bottom: 10px !important;
  margin-top: 8px !important;
  width: 24px !important;
  height: 24px !important;
  cursor: pointer;
}

.aviso-img-up {
  margin-left: 78px !important;
}

.aviso-img-down:hover,
.aviso-img-up:hover {
  background-color: var(--gris_claro);
  border-radius: 4px;
}

.dataTables_scrollBody thead {
  display: none !important;
}

.circle span {
  margin: 0px;
}

.campana-alerta {
  margin: 0px !important;
  margin-top: 12px !important;
  margin-left: 21px !important;
}

.clase-alarma {
  width: 25px;
  height: 25px;
  position: absolute;
  border-radius: 1.6em;
  margin-right: 20px;
  margin-left: 0px;
}

.card-body {
  padding: 16px !important;
}

.opcion-card {
  right: 8px;
  top: 16px;
}
.opcion-card .identificador {
  gap: 4px;
  display: flex;
  justify-content: space-around;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 0 0;
}
.opcion-card .identificador h1 {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.opcion-card .identificador h1 p {
  font-size: 0.77rem;
  font-weight: 400;
  line-height: 1em;
  margin-top: 4px !important;
}
.opcion-card .identificador p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#nuevaRuta .resultsLocalizacion {
  width: calc(100% - 24px - 0.25rem);
}

.resultsLocalizacion {
  width: 100%;
}
.resultsLocalizacion .cont-resultados {
  background: var(--superficie-1);
}
.resultsLocalizacion .cont-resultados .escogerLugar:hover {
  background: var(--superficie-2);
}
.resultsLocalizacion .cont-resultados .icons-lib {
  color: var(--texto-medio);
}

.dark-theme .resultsLocalizacion .cont-resultados {
  background: var(--superficie-0);
}
.dark-theme .resultsLocalizacion .cont-resultados .escogerLugar:hover {
  background: var(--superficie-1);
}

.borrarInput.no-modificar {
  opacity: 0;
  transition: 0.2s linear;
  color: var(--texto-disabled);
  fill: var(--texto-disabled);
}
.borrarInput.no-modificar:hover {
  opacity: 1;
  color: var(--texto-medio);
  fill: var(--texto-medio);
}

.cont-input:hover .borrarInput.no-modificar {
  opacity: 1;
}

.identificador .rojo {
  background-color: var(--text_error);
}

.verde {
  background-color: var(--text_ok);
}

.clase-alarma img {
  margin-top: 4px;
  margin-left: 3.5px;
}

.alert-group {
  margin-left: 15px;
  margin-top: 15px;
}

.alerta-txt {
  font-size: 13px;
  margin-bottom: 8px;
  margin-left: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.alerta-txt > :last-child {
  margin-bottom: 10px;
}

.alerta-txt span {
  margin-left: 62px;
}

.camion {
  border: 1px solid var(--color-borde);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.geo-form {
  border: 1px solid var(--dentro-geocerca);
  background: var(--dentro-geocerca);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.geo-form .icons-lib {
  color: var(--secondary-500);
}

.camion img {
  width: 40px;
  height: 40px;
}

.tabla-blanca .buscadorSuperior {
  min-width: 280px;
}

.inner-addon {
  position: relative;
}

.buscador .icon-buscar {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  fill: var(--texto);
}

.tres-puntos img {
  position: absolute;
  width: 16px;
  height: 16px;
  margin-left: 230px;
  margin-top: 20px;
  cursor: pointer;
}

.context-thead:after {
  font-size: 16px !important;
  transform: scale(0.3);
}

.context-menu {
  cursor: pointer;
}

.context-menu:after {
  content: "" !important;
  background-image: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='var(--secondary-400)'><circle cx='16' cy='8' r='2'/><circle cx='16' cy='16' r='2'/><circle cx='16' cy='24' r='2'/></svg>");
  width: 24px;
  height: 24px;
  display: block;
  background-size: cover;
  transition: 0.2s ease-in;
  border-radius: 50%;
}

.context-menu:hover:after,
.context-menu:active:after {
  background-color: var(--primary-100);
}

.context-menu-container {
  border-radius: 4px !important;
  padding: 4px !important;
  border: 1px solid var(--color-borde);
  box-shadow: var(--elevation-3) !important;
  box-sizing: border-box;
}

.context-menu-container > ul > li {
  border-radius: 0 !important;
  padding-right: 40px !important;
}

.context-menu-container > ul > li .imgContextMenu {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}

.context-menu-container > ul > li.disabled {
  color: var(--texto-disabled) !important;
  cursor: default;
}

.context-menu-container > ul > li.disabled .imgContextMenu {
  fill: var(--texto-disabled) !important;
}

.context-menu-container > ul > li.disabled:hover {
  background-color: white !important;
}

.context-menu-container > ul > li:hover {
  background-color: var(--primary-50) !important;
}

.localizacion {
  display: flex;
}

.ult-conex {
  float: right;
}

.ult-conex,
.localizacion .localizacionLugar {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.leaflet-control {
  margin-top: 20px !important;
  margin-right: 20px !important;
}

.cajaContenido {
  height: 100%;
  top: 0;
  position: relative;
  z-index: 0;
}

.cajaContenido .cajaInterior {
  position: relative;
  height: calc(100vh - 68px) !important;
  top: 68px !important;
  left: 0px !important;
  width: 100vw !important;
}

.cajaContenido .cajaInterior #mapaPrincipal {
  border-radius: 0;
  width: 100%;
  height: calc(100vh - 68px) !important;
}

.cropme-container {
  max-width: 100%;
}

#imgModal-cropme {
  direction: ltr;
}

#imgModal-cropme input {
  padding: 8px;
}

#cropped-img-wrp {
  width: 100%;
  height: 100%;
  overflow: scroll;
  display: flex;
  justify-content: center;
  align-items: center;
}

#cropped-img {
  max-height: 90%;
  border: 2px solid var(--superficie-white);
}

.leaflet-bottom.leaflet-right .leaflet-control-layers.leaflet-control {
  bottom: calc(100vh - 36rem);
}

.leaflet-control-camera a {
  background: var(--superficie-white) url("/content/imgs/icons/photo-camera.png") no-repeat 0 0;
  background-size: 22px 22px;
  cursor: pointer;
}

.leaflet-touch .leaflet-bar a:last-child,
.leaflet-touch .leaflet-bar a:first-child,
.leaflet-right .leaflet-bar a:first-child,
.leaflet-right .leaflet-bar a:last-child {
  border-radius: 4px !important;
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: var(--superficie-1) !important;
  border-bottom: 1px solid var(--color-borde) !important;
  color: var(--texto) !important;
  fill: var(--texto) !important;
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  text-align: center;
  text-decoration: none;
}

/*flecha abrir cerrar*/
.leaflet-control-fichas .desplegable,
.leaflet-control-fichas .imagenIzq {
  position: relative;
}

.leaflet-control-fichas .desplegable:before {
  /*background-image: url("/content/imgs/icons/arrow-button-right-5-copy.png") !important;*/
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill=''><path d='M5.64663 12.6463L5.64645 12.6464C5.55268 12.7402 5.5 12.8674 5.5 13C5.5 13.1326 5.55268 13.2598 5.64645 13.3536L5.64673 13.3538L5.65076 13.3578L5.65105 13.3581C5.74442 13.4491 5.86963 13.5 6 13.5C6.13261 13.5 6.25979 13.4473 6.35355 13.3536L6.35374 13.3534L11.3536 8.35355C11.4473 8.25979 11.5 8.13261 11.5 8C11.5 7.86739 11.4473 7.74021 11.3536 7.64645L6.35355 2.64645C6.25979 2.55268 6.13261 2.5 6 2.5C5.86739 2.5 5.74022 2.55268 5.64645 2.64645C5.55268 2.74021 5.5 2.86739 5.5 3C5.5 3.13261 5.55268 3.25979 5.64645 3.35355L10.2929 8L5.64663 12.6463Z' fill='var(--secondary-500)'/> </svg>") !important;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
}

.leaflet-control-fichas .imagenIzq:before {
  /*background-image: url("/content/imgs/icons/arrow-button-left.png") !important;*/
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill=''> <path d='M10.3534 3.35374L10.3536 3.35355C10.4473 3.25979 10.5 3.13261 10.5 3C10.5 2.86739 10.4473 2.74021 10.3536 2.64645L10.3533 2.64616L10.3492 2.64218L10.3489 2.6419C10.2556 2.55092 10.1304 2.5 10 2.5C9.86739 2.5 9.74021 2.55268 9.64645 2.64645L9.64626 2.64663L4.64645 7.64645C4.55268 7.74021 4.5 7.86739 4.5 8C4.5 8.13261 4.55268 8.25979 4.64645 8.35355L9.64645 13.3536C9.74021 13.4473 9.86739 13.5 10 13.5C10.1326 13.5 10.2598 13.4473 10.3536 13.3536C10.4473 13.2598 10.5 13.1326 10.5 13C10.5 12.8674 10.4473 12.7402 10.3536 12.6464L5.70711 8L10.3534 3.35374Z' fill='var(--secondary-500)'/> </svg>") !important;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
}

.leaflet-control-fichas .desplegable:before,
.leaflet-control-fichas .imagenIzq:before,
.leaflet-control-center a:before,
.leaflet-control-encuadres a:before,
.leaflet-control-capas a:before,
.leaflet-control-leyenda a:before {
  /*texto light theme*/
  filter: brightness(0) saturate(100%) invert(15%) sepia(2%) saturate(2751%) hue-rotate(152deg) brightness(88%) contrast(85%);
}

.dark-theme .leaflet-control-fichas .desplegable:before,
.dark-theme .leaflet-control-fichas .imagenIzq:before,
.dark-theme .leaflet-control-center a:before,
.dark-theme .leaflet-control-encuadres a:before,
.dark-theme .leaflet-control-capas a:before,
.dark-theme .leaflet-control-leyenda a:before {
  /*texto dark theme*/
  filter: brightness(0) saturate(100%) invert(95%) sepia(6%) saturate(58%) hue-rotate(182deg) brightness(98%) contrast(88%);
}

/*Fin flechas*/
/*botones laterales mapa*/
.leaflet-control-center a,
.leaflet-control-encuadres a,
.leaflet-control-capas a,
.leaflet-control-leyenda a {
  cursor: pointer;
  position: relative;
}

.leaflet-control-center a:before,
.leaflet-control-encuadres a:before,
.leaflet-control-capas a:before,
.leaflet-control-leyenda a:before {
  content: "";
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
}

.leaflet-control-center a:before {
  background-image: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill=''><path fill-rule='evenodd' clip-rule='evenodd' d='M16 4C16 4 18.4407 4 20.6712 4.94343C20.6712 4.94343 22.8249 5.85436 24.4853 7.51472C24.4853 7.51472 26.1456 9.17508 27.0566 11.3288C27.0566 11.3288 28 13.5593 28 16C28 16 28 18.4407 27.0566 20.6712C27.0566 20.6712 26.1456 22.8249 24.4853 24.4853C24.4853 24.4853 22.8249 26.1456 20.6712 27.0566C20.6712 27.0566 18.4407 28 16 28C16 28 13.5593 28 11.3288 27.0566C11.3288 27.0566 9.17508 26.1456 7.51472 24.4853C7.51472 24.4853 5.85436 22.8249 4.94343 20.6712C4.94343 20.6712 4 18.4407 4 16C4 16 4 13.5593 4.94343 11.3288C4.94343 11.3288 5.85436 9.17508 7.51472 7.51472C7.51472 7.51472 9.17508 5.85436 11.3288 4.94343C11.3288 4.94343 13.5593 4 16 4ZM16 6C16 6 13.9648 6 12.1079 6.78544C12.1079 6.78544 10.3135 7.5444 8.92893 8.92893C8.92893 8.92893 7.5444 10.3135 6.78544 12.1079C6.78544 12.1079 6 13.9648 6 16C6 16 6 18.0352 6.78544 19.8921C6.78544 19.8921 7.5444 21.6865 8.92893 23.0711C8.92893 23.0711 10.3135 24.4556 12.1079 25.2146C12.1079 25.2146 13.9648 26 16 26C16 26 18.0352 26 19.8921 25.2146C19.8921 25.2146 21.6865 24.4556 23.0711 23.0711C23.0711 23.0711 24.4556 21.6865 25.2146 19.8921C25.2146 19.8921 26 18.0352 26 16C26 16 26 13.9648 25.2146 12.1079C25.2146 12.1079 24.4556 10.3135 23.0711 8.92893C23.0711 8.92893 21.6865 7.5444 19.8921 6.78544C19.8921 6.78544 18.0352 6 16 6Z' fill='var(--secondary-500)'/><path d='M15 2.5V7.5C15 8.05228 15.4477 8.5 16 8.5C16.5523 8.5 17 8.05228 17 7.5V2.5C17 1.94772 16.5523 1.5 16 1.5C15.4477 1.5 15 1.94772 15 2.5Z' fill='var(--secondary-500)'/><path d='M2.5 17H7.5C8.05228 17 8.5 16.5523 8.5 16C8.5 15.4477 8.05228 15 7.5 15H2.5C1.94772 15 1.5 15.4477 1.5 16C1.5 16.5523 1.94772 17 2.5 17Z' fill='var(--secondary-500)'/><path d='M17 29.5V24.5C17 23.9477 16.5523 23.5 16 23.5C15.4477 23.5 15 23.9477 15 24.5V29.5C15 30.0523 15.4477 30.5 16 30.5C16.5523 30.5 17 30.0523 17 29.5Z'/><path d='M29.5 15H24.5C23.9477 15 23.5 15.4477 23.5 16C23.5 16.5523 23.9477 17 24.5 17H29.5C30.0523 17 30.5 16.5523 30.5 16C30.5 15.4477 30.0523 15 29.5 15Z' fill='var(--secondary-500)'/><path fill-rule='evenodd' clip-rule='evenodd' d='M16 11C16 11 18.0711 11 19.5355 12.4645C19.5355 12.4645 21 13.9289 21 16C21 16 21 18.0711 19.5355 19.5355C19.5355 19.5355 18.0711 21 16 21C16 21 13.9289 21 12.4645 19.5355C12.4645 19.5355 11 18.0711 11 16C11 16 11 13.9289 12.4645 12.4645C12.4645 12.4645 13.9289 11 16 11ZM16 13C16 13 14.7574 13 13.8787 13.8787C13.8787 13.8787 13 14.7574 13 16C13 16 13 17.2426 13.8787 18.1213C13.8787 18.1213 14.7574 19 16 19C16 19 17.2426 19 18.1213 18.1213C18.1213 18.1213 19 17.2426 19 16C19 16 19 14.7574 18.1213 13.8787C18.1213 13.8787 17.2426 13 16 13Z' fill='var(--secondary-500)'/></svg>");
}

.leaflet-control-encuadres a:before {
  background-image: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='var(--secondary-500)'><path fill-rule='evenodd' clip-rule='evenodd' d='M4 5C4 4.44772 4.44772 4 5 4H10.5C11.0523 4 11.5 4.44772 11.5 5C11.5 5.55228 11.0523 6 10.5 6H6V10.5C6 11.0523 5.55228 11.5 5 11.5C4.44772 11.5 4 11.0523 4 10.5V5ZM28 27C28 27.5523 27.5523 28 27 28H21.5C20.9477 28 20.5 27.5523 20.5 27C20.5 26.4477 20.9477 26 21.5 26H26V21.5C26 20.9477 26.4477 20.5 27 20.5C27.5523 20.5 28 20.9477 28 21.5V27ZM28 5C28 4.44772 27.5523 4 27 4H21.5C20.9477 4 20.5 4.44771 20.5 5C20.5 5.55228 20.9477 6 21.5 6L26 6V10.5C26 11.0523 26.4477 11.5 27 11.5C27.5523 11.5 28 11.0523 28 10.5V5ZM5 28C4.44772 28 4 27.5523 4 27V21.5C4 20.9477 4.44772 20.5 5 20.5C5.55229 20.5 6 20.9477 6 21.5L6 26H10.5C11.0523 26 11.5 26.4477 11.5 27C11.5 27.5523 11.0523 28 10.5 28H5ZM8 15H9.07089C9.5094 11.9343 11.9343 9.5094 15 9.07089V8C15 7.44772 15.4477 7 16 7C16.5523 7 17 7.44772 17 8V9.07089C20.0657 9.5094 22.4906 11.9343 22.9291 15H24C24.5523 15 25 15.4477 25 16C25 16.5523 24.5523 17 24 17H22.9291C22.4906 20.0657 20.0657 22.4906 17 22.9291V24C17 24.5523 16.5523 25 16 25C15.4477 25 15 24.5523 15 24V22.9291C11.9343 22.4906 9.5094 20.0657 9.07089 17H8C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15ZM20.9 15H20C19.4477 15 19 15.4477 19 16C19 16.5523 19.4477 17 20 17H20.9C20.5023 18.9591 18.9591 20.5023 17 20.9V20C17 19.4477 16.5523 19 16 19C15.4477 19 15 19.4477 15 20V20.9C13.0409 20.5023 11.4977 18.9591 11.1 17H12C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15H11.1C11.4977 13.0409 13.0409 11.4977 15 11.1V12C15 12.5523 15.4477 13 16 13C16.5523 13 17 12.5523 17 12V11.1C18.9591 11.4977 20.5023 13.0409 20.9 15Z'/></svg>");
}

.leaflet-control-capas a:before {
  background-image: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='var(--secondary-500)'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.10579 21.5528C3.35278 21.0588 3.95345 20.8586 4.44743 21.1056L16.0002 26.882L27.553 21.1056C28.047 20.8586 28.6477 21.0588 28.8946 21.5528C29.1416 22.0468 28.9414 22.6474 28.4474 22.8944L16.4474 28.8944C16.1659 29.0352 15.8345 29.0352 15.553 28.8944L3.55301 22.8944C3.05903 22.6474 2.8588 22.0468 3.10579 21.5528Z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M3.10579 15.5528C3.35278 15.0588 3.95345 14.8586 4.44743 15.1056L16.0002 20.882L27.553 15.1056C28.047 14.8586 28.6477 15.0588 28.8946 15.5528C29.1416 16.0468 28.9414 16.6474 28.4474 16.8944L16.4474 22.8944C16.1659 23.0352 15.8345 23.0352 15.553 22.8944L3.55301 16.8944C3.05903 16.6474 2.8588 16.0468 3.10579 15.5528Z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M15.553 3.10557C15.8345 2.96481 16.1659 2.96481 16.4474 3.10557L28.4474 9.10557C28.7862 9.27496 29.0002 9.62123 29.0002 10C29.0002 10.3788 28.7862 10.725 28.4474 10.8944L16.4474 16.8944C16.1659 17.0352 15.8345 17.0352 15.553 16.8944L3.55301 10.8944C3.21422 10.725 3.00022 10.3788 3.00022 10C3.00022 9.62123 3.21422 9.27496 3.55301 9.10557L15.553 3.10557ZM6.23629 10L16.0002 14.882L25.7642 10L16.0002 5.11803L6.23629 10Z'/></svg>");
}

.leaflet-control-leyenda a:before {
  background-image: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='var(--secondary-500)'><path fill-rule='evenodd' clip-rule='evenodd' d='M16 3C16 3 18.6442 3 21.0605 4.02201C21.0605 4.02201 23.3936 5.00884 25.1924 6.80761C25.1924 6.80761 26.9912 8.60638 27.978 10.9395C27.978 10.9395 29 13.3558 29 16C29 16 29 18.6442 27.978 21.0605C27.978 21.0605 26.9912 23.3936 25.1924 25.1924C25.1924 25.1924 23.3936 26.9912 21.0605 27.978C21.0605 27.978 18.6442 29 16 29C16 29 13.3558 29 10.9395 27.978C10.9395 27.978 8.60638 26.9912 6.80761 25.1924C6.80761 25.1924 5.00884 23.3936 4.02202 21.0605C4.02202 21.0605 3 18.6442 3 16C3 16 3 13.3558 4.02202 10.9395C4.02202 10.9395 5.00885 8.60638 6.80761 6.80761C6.80761 6.80761 8.60638 5.00884 10.9395 4.02201C10.9395 4.02201 13.3558 3 16 3ZM16 5C16 5 13.7614 5 11.7186 5.86402C11.7186 5.86402 9.74476 6.69889 8.22183 8.22182C8.22183 8.22182 6.6989 9.74476 5.86402 11.7186C5.86402 11.7186 5 13.7614 5 16C5 16 5 18.2386 5.86402 20.2814C5.86402 20.2814 6.69889 22.2552 8.22183 23.7782C8.22183 23.7782 9.74476 25.3011 11.7186 26.136C11.7186 26.136 13.7614 27 16 27C16 27 18.2386 27 20.2814 26.136C20.2814 26.136 22.2552 25.3011 23.7782 23.7782C23.7782 23.7782 25.3011 22.2552 26.136 20.2814C26.136 20.2814 27 18.2386 27 16C27 16 27 13.7614 26.136 11.7186C26.136 11.7186 25.3011 9.74476 23.7782 8.22183C23.7782 8.22183 22.2552 6.69889 20.2814 5.86402C20.2814 5.86402 18.2386 5 16 5Z'/><path d='M16 23H17C17.5523 23 18 22.5523 18 22C18 21.4477 17.5523 21 17 21V15C17 14.4477 16.5523 14 16 14H15C14.4477 14 14 14.4477 14 15C14 15.5523 14.4477 16 15 16V22C15 22.5523 15.4477 23 16 23Z'/><path d='M17.25 10.5C17.25 11.3284 16.5784 12 15.75 12C14.9216 12 14.25 11.3284 14.25 10.5C14.25 9.67157 14.9216 9 15.75 9C16.5784 9 17.25 9.67157 17.25 10.5Z'/></svg>");
}

.leaflet-control-fichas a {
  background-size: 20px 20px;
  cursor: pointer;
}

.leaflet-control-geoVehiculos a {
  background: var(--superficie-white) url("/content/imgs/icons/geofence.png") no-repeat 0 0;
  background-size: 20px 20px;
  cursor: pointer;
}

.espacio {
  position: absolute;
  left: 388px !important;
}

#btn-cont-desplegable {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  top: -64px;
}

#btn-cont-desplegable.espacio {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

#btn-cont-desplegable .desplegable {
  width: 40px !important;
  height: 24px !important;
  border-top-right-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
  transition: 0.1s linear;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#btn-cont-desplegable.espacio .desplegable {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  transition: 0.2s linear;
}

.cuadroCapasActivos {
  left: 82% !important;
  bottom: 0px !important;
}

#btnCrearGeocerca {
  position: absolute;
  z-index: 999;
  right: 24px;
  top: 85px;
}

.encuadres {
  height: 200px;
}

.labelEncuadre,
.lineaEncuadre,
.encuadresLista {
  margin: 0px !important;
}

.encuadreGris:hover .hoverIcons,
.encuadresLista:hover .hoverIcons {
  display: block;
}

.encuadresLista .hoverIcons {
  height: 20px;
  display: none;
}

.encuadreGris .hoverIcons {
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 14px;
  display: none;
}

.labelEncuadre {
  color: var(--texto);
}

.lineaEncuadre {
  background: var(--texto-medio);
}

.encuadresLista {
  height: 32px;
  border-bottom: 1px solid var(--color-borde);
}

.crearEncuadre {
  background: var(--superficie-2);
  border-radius: 4px;
  padding: 16px;
  border: 1px solid var(--color-borde);
}

.crearEncuadre .labelModalGeo {
  font-size: 0.77rem;
}

.lineaEncuadre:last-of-type {
  display: none;
}

.encuadreGris {
  overflow: hidden;
}

#estadisticas-actividad > div {
  flex: 1 0 auto;
}

#bloqueResumen .journeys:hover,
#estancias.widget:hover,
.vehiculoTipo:hover,
.vehiculoTipo.activo {
  background: var(--primary-100);
}

#controlEncuadres,
#controlLeyenda,
#cuadroCapas {
  padding: 8px;
  border-radius: 8px;
  border: 1px solid var(--color-borde);
  background-color: var(--superficie-white);
  position: absolute;
  width: 100%;
  right: 64px;
  z-index: 999;
  box-shadow: var(--elevation-2);
}

#controlEncuadres {
  max-width: 300px;
  top: 200px !important;
}

#cuadroCapas {
  max-width: 300px;
  top: 200px !important;
}

#controlLeyenda {
  min-width: 150px;
  top: 200px !important;
  width: auto;
}

.campana,
.cerrar .cerrarEncuadre {
  height: 24px;
  width: 24px;
  margin: 0;
}

.cerrarEncuadre:hover {
  cursor: pointer;
  background-color: var(--secondary-100);
  border-radius: 4px;
}

#controlLeyenda ul {
  list-style: none;
}

#cuadroCapas .d-flex.justify-content-start.align-content-center.gap-3 {
  width: 56px;
}
#cuadroCapas .img-capa {
  cursor: pointer;
  width: 48px;
  height: 48px;
  border-radius: 8px;
}

#cuadroCapas .img-capa:hover {
  outline: 2px solid var(--primary-500);
}

.capaActiva {
  border: 2px solid var(--superficie-1) !important;
  outline: 2px solid var(--primary-500);
}

.capaActiva + p {
  font-weight: 500;
  color: var(--primary-700);
}

#cuadroCapas hr {
  margin: 0px 0px 1rem !important;
}

.btnGeo {
  width: 96% !important;
}

/*h1 .enlaces {
    display: block;
    width: 180px;
}*/
.enlaces {
  text-decoration: none;
  color: var(--secondary-500);
}

.enlaces:visited,
a.enlaces {
  color: var(--texto) !important;
}

.btn-light {
  color: var(--texto);
}

.enlaces:hover {
  color: var(--primary-500) !important;
  text-decoration: underline;
}

#capasVehicle #cuadroCapas {
  top: 160px;
}

#mainPage #graficaEstadisticas {
  position: fixed;
  bottom: 0;
  right: 40px;
  z-index: 800;
  width: 200px;
  height: 200px;
  padding: 0;
}

/*Estilos widgets*/
/*.fn-widgets.col-11 {
    width: calc(91.66666667% - 8px);
}

.fn-widgets.col-10 {
    width: calc(83.33333333% - 8px);
}

.fn-widgets.col-9 {
    width: calc(75% - 8px);
}

.fn-widgets.col-8 {
    width: calc(66.66666667% - 8px);
}

.fn-widgets.col-7 {
    width: calc(58.33333333% - 8px);
}

.fn-widgets.col-6 {
    width: calc(50% - 8px);
}

.fn-widgets.col-5 {
    width: calc(41.66666667% - 8px);
}

.fn-widgets.col-4 {
    width: calc(33.33333333% - 8px);
}

.fn-widgets.col-3 {
    width: calc(25% - 8px);
}

.fn-widgets.col-2 {
    width: calc(16.66666667% - 8px);
}

.fn-widgets.col-1 {
    width: calc(8.33333333% - 8px);
}*/
.fn-widgets {
  background: var(--superficie-white);
  border: 1px solid var(--color-borde);
  border-radius: 8px;
  align-items: stretch !important;
}
.fn-widgets .widgets-header {
  height: 48px;
}
.fn-widgets .widgets-header .titulos-report {
  font-weight: 700;
  font-size: 1rem !important;
  line-height: 100%;
  color: var(--texto);
}
.fn-widgets .widgets-body {
  flex: 1 0 auto;
}
.fn-widgets .widgets-footer {
  height: 40px;
  width: 100%;
}

.cont-icon {
  background: var(--primary-50);
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cont-icon .icono-recurso {
  fill: var(--primary-600) !important;
  margin: 0 !important;
}

#paginaGrafica .estadoActivos {
  color: var(--secondary-700);
}

#paginaGrafica .circuloParados,
#paginaGrafica .circuloEnMarcha,
#paginaGrafica .circuloGeocerca,
#paginaGrafica .circuloConRuta,
#paginaGrafica .circuloSinRuta,
#paginaGrafica .circuloAlarma {
  width: 16px;
  height: 16px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.circuloLeyendaEnMarcha,
.circuloLeyendaParados,
.circuloLeyendaGeocerca,
.circuloLeyendaConRuta,
.circuloLeyendaSinRuta,
.circuloLeyendaAlarma,
.circuloLeyendaRalenti {
  width: 12px;
  height: 12px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 8px 0px 0px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid var(--texto-disabled);
}

.circuloLeyendaEnMarcha {
  background: var(--mapa-movimiento);
}

.circuloLeyendaParados {
  background: var(--mapa-parado);
}

.circuloLeyendaRalenti {
  background: var(--ralenti);
}

.circuloLeyendaGeocerca {
  background: var(--dentro-geocerca);
}

.circuloLeyendaConRuta {
  background: var(--con-ruta);
}

.circuloLeyendaSinRuta {
  background: var(--sin-config);
}

.circuloLeyendaAlarma {
  background: var(--mapa-alarma);
}

.paradoIcon {
  border: 4px solid var(--mapa-parado);
  background: var(--white);
}

.activoIcon {
  border: 4px solid var(--mapa-movimiento);
  background: var(--white);
}

#paginaGrafica .circuloEnMarcha {
  border: 4px solid var(--mapa-movimiento);
  background: var(--mapa-movimiento);
}

#paginaGrafica .circuloParados {
  border: 4px solid var(--mapa-parado);
  background: var(--mapa-parado);
}

#paginaGrafica .circuloGeocerca {
  border: 4px solid var(--dentro-geocerca);
  background: var(--superficie-white);
}

#paginaGrafica .circuloConRuta {
  border: 4px solid var(--con-ruta);
  background: var(--superficie-white);
}

#paginaGrafica .circuloSinRuta {
  border: 4px solid var(--sin-config);
  background: var(--superficie-white);
}

#paginaGrafica .circuloAlarma,
.alarmaIcon {
  background: var(--text_error);
}

#paginaGrafica .circuloGeocerca {
  background: var(--dentro-geocerca);
}

#paginaGrafica .circuloConRuta {
  background: var(--con-ruta);
}

#paginaGrafica .circuloSinRuta {
  background: var(--sin-config);
}

#paginaGrafica .circuloAlarma {
  background: var(--text_error);
}

#paginaGrafica .arrowup,
#paginaGrafica .arrowdown {
  border-width: 0 3px 3px 0 !important;
  display: inline-block;
  padding: 3px;
}

#paginaGrafica .arrowup {
  border: solid var(--text_ok);
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

#paginaGrafica .arrowdown {
  border: solid var(--text_error);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.rounded-circle.alarm {
  background-color: var(--text_error);
}

.rounded-circle.marcha {
  background-color: var(--primary-400);
}

.rounded-circle.parado {
  background-color: var(--primary-800);
}

.bloqueDia > .events:last-of-type .lineaActivo {
  display: none;
}

.iconosEstado {
  position: relative;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iconosEstado .chip {
  position: relative;
  z-index: 1;
}
.iconosEstado .bola {
  width: 8px;
  height: 8px;
  background: var(--secondary-500);
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.iconosEstado .bola.alarma {
  background: var(--mapa-alarma);
}
.iconosEstado .bola.movimiento {
  background: var(--mapa-movimiento);
}
.iconosEstado .bola.parado {
  background: var(--mapa-parado);
}
.iconosEstado .bola.ralenti {
  background: var(--ralenti);
}
.iconosEstado .bola.evento {
  background: var(--mapa-parado);
}
.iconosEstado .lineaActivo {
  height: 40px;
  width: 1px;
  background: var(--color-borde);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
}

.oval-mapa {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.oval-mapa .punto-oval {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.oval-movimiento .punto-oval {
  box-shadow: 0 0 0 4px var(--primary-50);
  background: var(--mapa-movimiento);
  color: var(--mapa-movimiento);
}

.oval-parado .punto-oval {
  background: var(--mapa-parado);
  color: var(--mapa-parado);
}

.oval-ralenti .punto-oval {
  background: var(--ralenti);
  color: var(--ralenti);
}

.diaSemana {
  margin: 4px 40px 0;
}

.diaPuntos {
  width: 64px !important;
  margin-left: 80px;
  margin-bottom: 20px;
}

#graficaEstados .highcharts-container {
  float: right;
}

/*PÁGINA COMPARTIR UBICACIÓN*/
#enlaceinvitado {
  /*.menuTop.menuTopBuscadorMapa {
        display: none;
    }*/
}
#enlaceinvitado .col-4.izq {
  padding: 80px 32px 32px;
}
#enlaceinvitado .col-4.izq .header-activo {
  margin: 0;
  background: none;
  padding: 0;
  border-radius: 0;
  border: 0;
}
#enlaceinvitado .col-4.izq .header-activo .icono-activo {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  overflow: hidden;
}
#enlaceinvitado .col-4.izq .header-activo .icono-activo img {
  width: 100%;
  height: 100%;
  padding: 0;
}
#enlaceinvitado #cuerpo-activo .cuerpo-activo {
  margin: 0;
}
#enlaceinvitado #cuerpo-activo .cuerpo-activo .card-element {
  background: var(--superficie-1);
}
#enlaceinvitado .social-menu {
  list-style: none;
  gap: 8px;
  color: var(--texto);
}
#enlaceinvitado .social-menu li {
  background: var(--texto-dark);
  border-radius: 50%;
}
#enlaceinvitado .social-menu li a {
  color: var(--white) !important;
}

/*FIN PÁGINA COMPARTIR UBICACIÓN*/
/* Página activo */
#cuerpo-activo .main {
  height: calc(100vh - 68px);
}

#cuerpo-activo .izq {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /*background-color: var(--superficie-white);
  padding-left: 0 !important;
  padding-right: 0 !important;
  height: calc(100vh - 68px);*/
}

#cuerpo-activo .header-activo {
  background-color: var(--superficie-1);
  padding: 8px 16px;
  margin: 24px;
  border-radius: 8px;
  border: 1px solid var(--color-borde);
}

#cuerpo-activo .icono-activo {
  background-color: var(--superficie-white);
  height: 60px;
  width: 60px;
  border-radius: 50%;
  flex: 1 0 auto;
}
#cuerpo-activo .infoactivo {
  flex: 1 0 auto;
}
#cuerpo-activo #botonMasEtiquetas {
  flex: 0 1 auto;
}
#cuerpo-activo .etiquetas-activos {
  padding: 0px;
}

.destinoLugar {
  overflow: hidden;
  max-width: 500px;
}

@media screen and (max-width: 1400px) {
  .destinoLugar {
    overflow: hidden;
    max-width: 500px;
  }
}
@media screen and (max-width: 1300px) {
  .destinoLugar {
    overflow: hidden;
    max-width: 400px;
  }
}
@media screen and (max-width: 1200px) {
  .destinoLugar {
    overflow: hidden;
    max-width: 300px;
  }
}
#serviciosActivos .posiciondestino {
  overflow: hidden;
}

#header-bottom .icono-activo {
  background: none;
  transition: 0s linear;
}
#header-bottom.ocultar {
  transition: 0.1s linear;
  height: 0;
  opacity: 0;
  margin: 0 !important;
}

.icono-activo {
  width: 100%;
  height: auto;
  max-width: 60px;
  max-height: 60px;
}

#cuerpo-activo .icono-activo-small {
  height: 40px;
  width: 40px;
}

#cuerpo-activo .icono-activo-small img,
#cuerpo-activo .icono-activo img {
  width: 100%;
  height: 100%;
  padding: 2px;
}

#cuerpo-activo .flecha-back {
  height: 25px;
  width: 25px;
}

#fechas .pastilla,
#cuerpo-activo .pastilla {
  cursor: pointer;
}

.columna-tooltip {
  outline: none;
}

/*Header cabecera*/
.cabecera.position-absolute {
  width: 100%;
  z-index: 999;
}

.cabecera {
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 8px;
  gap: 4px;
}
.cabecera .breadcrumb li {
  font-size: 0.77rem;
}
.cabecera .breadcrumb li a {
  color: var(--texto-medio);
  text-decoration: none;
  transition: 0.2s linear;
  border-bottom: 1px solid transparent;
}
.cabecera .breadcrumb li a:hover {
  border-bottom: 1px solid var(--texto);
  color: var(--texto);
}
.cabecera .breadcrumb li.active {
  color: var(--texto) !important;
  font-weight: 500 !important;
}
.cabecera h1 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 24px !important;
}
.cabecera h1 #fechaVar,
.cabecera h1 span {
  font-size: 14px !important;
  font-weight: 400;
  color: var(--texto-medio);
}

.cabecera .breadcrumb-item + .breadcrumb-item::before {
  content: "|";
  float: none;
  padding-right: 4px;
  color: var(--texto-disabled);
}

.cabecera .acciones .btn:not(:last-child) {
  margin-right: 8px !important;
}

.cabecera .num-total {
  background: var(--primary-50);
  color: var(--primary-500);
  margin-left: 8px;
  text-align: center;
  min-width: 32px;
  width: auto;
  height: 32px;
  line-height: 32px;
  padding: 0 4px;
  border-radius: 24px;
  font-size: 0.9rem;
  font-weight: 500;
}

/*Body contenido*/
.contenido {
  min-height: calc(100vh - 188px);
  background: var(--superficie-white);
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  height: fit-content;
}

.dark-theme .contenido {
  background: var(--superficie-1);
}

#fichadetalle.contenido {
  min-height: calc(100vh - 288px);
}

/*Alarmas y eventos*/
.AlarmsEvents {
  max-width: 1000px;
}

.AlarmsEvents .tableAlarms tr {
  border: 0;
}
.AlarmsEvents .tableAlarms tr:not(:last-of-type) {
  border-bottom: 1px solid var(--color-borde);
}

.AlarmsEvents .tableAlarms:not(:last-of-type) tr {
  border-bottom: 1px solid var(--color-borde);
}

/*Fin caja contenido*/
.filasHijas {
  background: var(--superficie-1);
}

.filasHijas:hover {
  background: var(--primary-100);
}

.filasHijas:first-of-type {
  padding-top: 8px;
}

.filasHijas:last-of-type {
  padding-bottom: 8px;
}

.bordePastilla {
  border: 1px solid var(--primary-200) !important;
  background: var(--primary-50) !important;
  border-radius: 8px !important;
}

.filtros-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.filtros-header .btn:not(:last-of-type) {
  margin-right: 8px;
}

.imgsPastillas {
  height: 14px;
  width: 14px;
}

#cuerpo-activo .header-activo #ult-actualizacion a img {
  width: 16px;
  height: 16px;
}

#cuerpo-activo .cuerpo-activo {
  margin-right: -1px;
  margin-left: 12px;
}

#cuerpo-activo .caja-situacion {
  background-color: var(--primary-50);
}

#cuerpo-activo .caja-asociados {
  background-color: var(--superficie-white);
}

#cuerpo-activo .caja-situacion-content {
  width: 60% !important;
  padding: 10px;
  padding-left: 20px;
}

#cuerpo-activo .caja-asociados-content {
  width: 80% !important;
  padding: 20px;
}

#cuerpo-activo .img-situacion {
  width: 24px;
  height: 24px;
}

#cuerpo-activo .img-asociados {
  width: 46px;
  height: 46px;
  margin-top: 1%;
}

#cuerpo-activo .img-asociados-vehicle,
#cuerpo-activo .img-asociados-remolque,
#cuerpo-activo .img-asociados-avatar {
  width: 24px;
  height: 24px;
  margin-top: 1%;
}

#cuerpo-activo .imgMensaje {
  width: 29px;
  height: 29px;
}

#cuerpo-activo .identificador-asociados {
  margin-left: 10px;
}

#cuerpo-activo .identificador-asociados p {
  margin-bottom: 0px !important;
}

#cuerpo-activo .icono-remolque {
  background-color: var(--superficie-white);
  height: 46px;
  width: 46px;
  border-radius: 80px;
}

#cuerpo-activo .icono-remolque img {
  width: 22.5px;
  margin-top: 12px;
  margin-left: 12px;
}

#cuerpo-activo .icono-direccion {
  height: 24px;
  width: 24px;
}

#cuerpo-activo .icono-direccion img {
  height: 18.5px;
  width: 18.5px;
  margin-top: 2px;
}

#cuerpo-activo .label-activo {
  background: var(--primary-100);
  border-radius: 4px;
}

.tabs-activo,
.tabs-alarmas label,
#pagActivos .tab-hover.activo,
#pagActivos .tab-hover {
  min-height: 60px;
  font-size: 0.85rem;
  line-height: 1.2em;
}

/*,.menuBarraSuperior ul li.activo,
.menuBarraSuperior ul li:hover */
#cuerpo-activo .tab-hover.activo,
#cuerpo-activo .tab-hover:hover,
#modalActivos .tab-hover.activo,
#modalActivos .tab-hover:hover,
#pagActivos .tab-hover.activo,
#pagActivos .tab-hover:hover {
  cursor: pointer;
  border-bottom: 2px solid var(--primary-500);
  color: var(--primary-500);
}

#cuerpo-activo .dcha {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#cuerpo-activo #mapaPrincipal {
  position: absolute;
  /*fixed*/
  height: calc(100vh - 68px) !important;
  border-radius: 0px !important;
  outline: none;
  overflow: hidden;
  border-left: 1px solid var(--color-borde);
}

#cuerpo-activo .col-8 #mapaPrincipal {
  width: 66.66666667%;
}

#cuerpo-activo .col-5 #mapaPrincipal {
  width: 41.66666667%;
}

#cuerpo-activo .no-pointer {
  cursor: default;
}

#opciones-compartir-ubicacion-1.caja {
  border-radius: 16px;
  background-color: var(--primary-50);
}

.input-group-append.input-group-addon.icons-lib {
  cursor: pointer;
}

.time .input-group-text {
  height: 40px;
}

.date .input-group-text {
  height: auto;
  background: transparent;
  border: 0;
}

#bloqueEventos,
#bloqueResumen {
  overflow-y: scroll !important;
  height: calc(60vh - 68px);
  scroll-behavior: smooth;
  /*to top*/
  scroll-margin-top: 100000vh;
}

.blqEvento,
.blqVelocidad,
.blqEventoJourney {
  border: 1px solid var(--primary-100);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.blqEventoJourney {
  /* overflow-y: hidden !important;
  overflow-x: hidden !important;*/
  border-bottom: 0px;
}

.blqAlarmas {
  overflow: auto;
}
.blqAlarmas .blqAlarma:last-of-type .lineaActivo {
  display: none;
}

@media screen and (max-width: 1080px) {
  #cuerpo-activo s.caja-situacion-content {
    width: 100% !important;
  }
}
/* */
.leaflet-pegman-v3-small .pegman-control {
  width: 32px !important;
  height: 32px !important;
}

#graficaInfracciones #cajaAlarmas,
#graficaAlarmas #cajaAlarmas {
  overflow-y: auto;
  /*height: 120px;*/
  overflow-x: hidden;
}

#graficaAlarmas .rounded-circle.alarm {
  height: 38px;
  width: 38px;
  vertical-align: bottom;
}

@media (max-width: 1199.98px) {
  .menuTop .botones {
    margin-left: calc(100vw - 680px);
  }
  .menuTop .botones #Encuadres {
    width: 30%;
  }
  .cuadroCapasActivos {
    left: 77% !important;
  }
}
@media (max-width: 992px) {
  .menuTop .botones {
    margin-left: calc(100vw - 440px);
  }
  .menuTop .botones #alarmas,
  .menuTop .botones #filtros {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .cuadroCapasActivos {
    left: 70% !important;
  }
}
@media screen and (max-height: 600px) {
  .menuIzquierda .left-container.middle {
    margin-top: 320px;
  }
  .menuIzquierda .left-container.bottom {
    margin-top: 490px;
  }
}
.dropzone {
  border-image: none !important;
  margin-right: auto !important;
  height: 180px !important;
  color: var(--bs-gray-600) !important;
  line-height: 1.4rem !important;
  text-rendering: optimizeLegibility !important;
  text-align: center !important;
  position: absolute !important;
  z-index: 1 !important;
  border: 1px solid var(--secondary-700) !important;
  width: 400px !important;
  margin-left: 72px !important;
  border-radius: 16px !important;
  -webkit-box-shadow: 0 14px 4px -7px rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0 14px 4px -7px rgba(0, 0, 0, 0.35) !important;
  white-space: nowrap !important;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
}

.dropzone .dz-preview {
  margin: 0px !important;
  margin-left: 10px !important;
}

.tooltiptext {
  visibility: hidden;
  width: 70px;
  background-color: #555;
  color: var(--superficie-white);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  font-size: 0.77rem;
}

.tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -4px;
  border-width: 4px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip {
  opacity: 1 !important;
}

.tooltip-inner {
  background-color: var(--secondary-700) !important;
  font-size: 12px !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--secondary-700);
}

.tooltip:not(.bs-tooltip-top) .tooltip-arrow::before {
  border-right-color: var(--secondary-700);
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 1006 !important;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--primary-400);
}

.datepicker td,
th {
  text-align: center;
  padding: 8px 12px;
  font-size: 0.9rem;
}

.daterangepicker.single .drp-calendar.right {
  display: none !important;
}

.daterangepicker .drp-calendar {
  display: inline-table !important;
}

.daterangepicker .drp-buttons {
  gap: 8px !important;
  clear: both;
  text-align: right;
  padding: 16px 8px 4px !important;
  border-top: 0 !important;
  line-height: 0;
  vertical-align: middle;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
}

.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: var(--texto-medio) !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: var(--superficie-2) !important;
  border-color: transparent !important;
  color: var(--texto-disabled) !important;
}

.daterangepicker .drp-buttons .applyBtn {
  color: var(--superficie-white) !important;
  background: var(--primary-500) !important;
  border: 1px solid var(--primary-500) !important;
  padding: 4px 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 4px !important;
  height: 32px;
  gap: 4px;
  margin: 0 !important;
  transition: 0.2s linear;
}

.daterangepicker .calendar-table tr {
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--texto);
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  border: solid var(--texto) !important;
  border-width: 0px 2px 2px 0 !important;
  border-radius: 1px !important;
  padding: 4px !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: transparent !important;
  border: 0 !important;
  color: #fff !important;
  z-index: 1 !important;
  position: relative !important;
}

.daterangepicker td.active:before,
.daterangepicker td.in-range.active:before {
  content: "";
  display: block;
  position: absolute;
  background: var(--primary-500) !important;
  width: 40px;
  height: 24px;
  top: 50%;
  transform: translate(0%, -50%);
  z-index: -1;
}

.daterangepicker .active.start-date:before {
  border-radius: 12px 0 0 12px;
}

.daterangepicker .active.end-date:before {
  border-radius: 0 12px 12px 0;
}

.daterangepicker td.in-range {
  background: var(--primary-100) !important;
  border: 0 !important;
  color: var(--texto) !important;
  position: relative;
}

.daterangepicker td.in-range:before {
  content: "";
  background: var(--primary-100) !important;
  height: 24px;
  width: 105%;
  display: block;
  position: absolute;
  top: 50%;
  left: -1;
  transform: translate(0, -50%);
  z-index: -1;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 0.77rem;
  border-radius: 0 !important;
  border: 0 !important;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .drp-buttons .applyBtn:hover {
  background: var(--primary-700) !important;
  border: 1px solid var(--primary-700) !important;
}

.daterangepicker .drp-buttons .cancelBtn {
  color: var(--primary-500) !important;
  background: 0 0 !important;
  border: 0 !important;
  padding: 4px 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 4px !important;
  height: 32px;
  gap: 4px;
  margin: 0 !important;
  transition: 0.2s linear !important;
}

.daterangepicker .drp-buttons .cancelBtn:hover {
  color: var(--primary-700) !important;
}

.daterangepicker .calendar-table {
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
}

.daterangepicker {
  background-color: var(--superficie-white) !important;
  border-radius: 16px !important;
  border: 1px solid var(--color-borde) !important;
  color: var(--texto) !important;
  margin-top: 16px !important;
  font-family: "roboto", sans-serif !important;
  font-size: 14px !important;
  line-height: 1em !important;
}

.daterangepicker:before {
  top: -10px !important;
  right: 14px !important;
  border-right: 10px solid transparent !important;
  border-left: 10px solid transparent !important;
  border-bottom: 10px solid var(--color-borde) !important;
}

.daterangepicker:after {
  top: -8px !important;
  right: 16px !important;
  border-right: 8px solid transparent !important;
  border-left: 8px solid transparent !important;
  border-bottom: 8px solid var(--superficie-0) !important;
}

.dark-theme .daterangepicker {
  background-color: var(--superficie-1) !important;
}

.dark-theme .daterangepicker:after {
  border-bottom: 8px solid var(--superficie-1) !important;
}

/*matrícula en el mapa*/
.leaflet-pane.leaflet-tooltip-pane .leaflet-tooltip {
  padding: 4px;
  background-color: var(--superficie-white);
  color: var(--texto);
  border: 1px solid var(--color-borde);
  border-radius: 4px;
  color: var(--texto);
  line-height: 1em;
  box-shadow: var(--elevation-0);
  opacity: 1 !important;
  height: auto;
  display: flex;
  align-items: center;
}

.leaflet-pane.leaflet-tooltip-pane .leaflet-tooltip::before {
  content: none;
}

.daterangepicker.ltr.show-calendar.opensleft {
  padding: 16px 8px;
}

.drp-calendar.left,
.drp-calendar.right {
  padding: 0px 8px !important;
}

.localizacionLugar {
  font-size: 0.9rem;
}

/*.geocercaTrayecto {
    background: var(--sin-config);
    border-radius: 12px;
    font-weight: 500;
    padding: 2px 8px 2px 8px;
}

.geocerca {
    background: var(--dentro-geocerca);
    color: var(--secondary-500);
    border-radius: 4px;
    display: flex;
    padding: 2px 8px;
    width: fit-content;
    align-items: center;
    justify-content: center;
    margin-right: 8px !important;
}*/
/*
.geocerca .icons-lib
,
.activeTags img

{
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
*/
.geocerca .geocercaActual {
  white-space: nowrap;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}

#cajaGraficaAlarmasDesglosada text.highcharts-title {
  font-size: 50px !important;
}

.buscadorSuperior:hover,
.buscadorSuperior:focus {
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}

.dialog-ovelay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
}

.dialog-ovelay .dialog {
  width: 80%;
  max-width: 580px;
  background-color: var(--superficie-white);
  box-shadow: var(--elevation-5);
  border-radius: 12px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 40px;
}

.dialog-ovelay .dialog header {
  padding: 24px 24px 0;
}

.dialog-ovelay .dialog header div {
  margin: 0;
  display: inline-block;
}

.dialog-ovelay .closeConfirm {
  float: right;
}

.dialog-ovelay .dialog .dialog-msg {
  margin: 0 24px;
  padding: 0;
}

.dialog-ovelay .dialog .dialog-msg p {
  margin: 0;
  font-size: 1rem;
}

.dialog-ovelay .dialog footer {
  padding: 24px;
}

.dialog-ovelay .dialog footer .controls {
  direction: rtl;
  display: flex !important;
}

.dialog-ovelay .dialog footer .controls .button {
  padding: 5px 15px;
  border-radius: 3px;
}

.dialog-ovelay .button {
  cursor: pointer;
}

#filtro-movimiento,
#filtro-parado,
#filtro-geocercas {
  cursor: pointer;
}

/*
#filtro-movimiento:hover,
#filtro-parado:hover,
#filtro-geocercas:hover,
.filtroFlotas:hover {
background: var(--primary-50);
}

#filtro-movimiento.selected,
#filtro-parado.selected,
#filtro-geocercas.selected,
.filtroFlotas.selected {
background: var(--primary-100);
}
*/
/*
#filtrosJourney {
.icons-lib {
border-radius: 50%;
padding: 2px;
color: var(--white);
fill: var(--white);
width: 24px;
height: 24px;
}
#filtro-movimiento .icons-lib {
background: var(--mapa-movimiento);
}
#filtro-parado .icons-lib {
background: var(--mapa-parado);
}
#filtro-ralenti .icons-lib {
background: var(--ralenti);
}
#filtro-geocercas .icons-lib {
background: var(--dentro-geocerca);
color: var(--black);
fill: var(--black);
}
}
*/
.contenedor-404 {
  margin-top: 68px !important;
}

.cabecera-404 {
  font-size: 1.8rem;
  margin-left: 24%;
  margin-top: 3%;
}

.texto-cabecera-404 {
  font-size: 1rem;
}

#imagen-404 {
  margin-top: 86px;
  height: 55vh;
  width: 57vw;
}

.texto-rumbo-404 {
  margin-left: 38%;
}

.container-link-404 {
  margin-left: 37.96%;
  width: 500px;
}

.img-logoHeader-404 {
  width: 300px !important;
  padding-top: 2rem !important;
  padding-right: 2em !important;
}

.img-logo-404 {
  width: 300px !important;
  padding-left: 2rem !important;
  padding-bottom: 2em !important;
}

.img-404 {
  margin-top: 86px;
  height: 55vh;
  width: 57vw;
}

li.label-l::marker {
  font-size: 0.8rem;
}

li .cambiarPass {
  position: relative;
  top: 2px;
}

.listCheck {
  list-style-image: url("/content/imgs/icons/check-2.png");
  color: var(--acento-verde-600);
}

#pagActivos .tab-hover.activo {
  color: var(--primary-500) !important;
}

.cantActivos {
  background-color: var(--secondary-100);
  height: 24px;
  line-height: 24px;
  width: fit-content;
  min-width: 24px;
  border-radius: 12px;
  display: inline-block;
  padding: 0px 4px;
}

.activo .cantActivos {
  background-color: var(--primary-50);
}

label.btn-forma.btn {
  background-color: var(--primary-100);
  border: 1px solid var(--secondary-100);
  border-radius: 10px;
  flex: initial;
  color: var(--gris_claro);
  font-size: 0.9rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.btn-group > .btn-check:checked + .btn.btn-forma {
  color: var(--primary-600);
  background: var(--superficie-white);
  border-color: var(--primary-600);
  outline: 1px solid var(--primary-500) !important;
  font-weight: 500;
}

#alerta {
  left: 432px;
  background-color: var(--acento-azul-100) !important;
  border: 1px solid var(--acento-azul-200) !important;
  color: var(--texto) !important;
  bottom: 32px;
}

#alertaCircular,
#alertaPoligonal {
  left: 432px;
  background-color: var(--primary-100) !important;
  border: 1px solid var(--primary-200) !important;
  color: var(--texto) !important;
  bottom: 32px;
}

.mensajeError,
.alert-danger {
  color: var(--acento-rojo-800) !important;
  background-color: var(--acento-rojo-100) !important;
  border: 1px solid var(--acento-rojo-200) !important;
  border-radius: 8px !important;
}

.mensajeErrorComunOk,
.alert-success,
.mensajeOk {
  color: var(--acento-verde-800) !important;
  background-color: var(--acento-verde-100) !important;
  border: 1px solid var(--acento-verde-200) !important;
  border-radius: 8px !important;
}

.mensajeError span {
  font-size: 0.9rem;
  color: var(--acento-rojo-800);
}

.mensajeError #userKo {
  fill: var(--acento-rojo-600) !important;
}

.mensajeOk #userOk {
  fill: var(--acento-verde-600) !important;
}

.mensajeError #userKo,
.mensajeOk #userOk {
  width: 24px;
  height: 24px;
}

.mensajeError svg {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  fill: var(--acento-rojo-600) !important;
}

.mensajeErrorModal svg {
  margin-right: 4px;
  width: 26px;
  height: 26px;
  fill: var(--acento-rojo-600) !important;
}

.mensajeOkModal svg {
  margin-right: 4px;
  width: 26px;
  height: 26px;
  fill: var(--acento-verde-600) !important;
}

.modalSuccess {
  max-width: 700px !important;
}

.mensajeError span {
  font-size: 0.9rem;
  color: var(--acento-rojo-800) !important;
}

#warningGeocercaEmpresa,
#warningGeocercaPrivada,
.mensajealerta {
  background: var(--primary-50);
  border: 1px solid var(--primary-200);
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0 8px;
}

.mensajealerta svg {
  fill: var(--primary-600);
  width: 24px;
  height: 24px;
}

#warningGeocercaEmpresa .label-m,
#warningGeocercaPrivada .label-m,
.mensajealerta .label-m {
  color: var(--texto);
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
}

#warningGeocercaEmpresa .label-s,
#warningGeocercaPrivada .label-s {
  color: var(--texto);
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}

.cajaConfigModalGeo {
  border: 1px solid var(--color-borde);
  background-color: var(--superficie-white);
  overflow-x: hidden;
  min-height: 100px;
}

.cajaConfigModalGeo.opcionesajustes {
  border: 1px solid var(--color-borde);
  background-color: var(--superficie-0);
}

#cajaActivosDispo {
  width: 100%;
  max-height: 350px;
  top: calc(100% + 4px);
  box-shadow: var(--elevation-2);
}

.activosFijos {
  padding: 8px 8px 0;
  background: var(--superficie-white);
  border-bottom: 1px solid var(--color-borde);
}

.activosScroll {
  width: 100%;
  padding: 0px 0 8px 8px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 160;
}

.activos.datos-activo:hover {
  box-shadow: inset 0 0 0 9990px var(--primary-50);
}

.cajaSeleccion {
  display: flex;
  padding: 8px !important;
  flex-wrap: wrap;
  align-content: flex-start;
  background: var(--superficie-0);
  border: 1px solid var(--color-borde);
  gap: 4px;
}

.cajaConfigModalGeo .filaCajaConfig:not(:last-of-type) {
  border-bottom: 1px solid var(--color-borde);
}

.labelModalGeo {
  color: var(--texto);
  font-size: 0.77rem;
  font-weight: 500;
  line-height: 1em;
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.tag {
  background: var(--secondary-100);
  line-height: 1em;
  display: flex;
  align-items: center;
  font-weight: 700;
}

.tag-s {
  padding: 0 8px;
  height: 16px;
  font-size: 0.77rem;
  border-radius: 4px;
}

.tag-m {
  padding: 0 10px;
  height: 24px;
  font-size: 0.9rem;
  border-radius: 6px;
}

.tag-l {
  padding: 0 12px;
  height: 32px;
  font-size: 1rem;
  border-radius: 8px;
}

.tag .icons-lib {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.tag.tag-l .icons-lib {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

#cantidadDispositivosSel,
#cantidadDispositivosSelGeoEdit {
  float: right;
}

.labelModalGeo-s,
.text-optional {
  font-size: 0.77rem;
  font-weight: 400;
  color: var(--texto-medio);
}

.textoTitleAlertaGeo {
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
}

.textoAlertaGeo {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}

.textoAlertaGeo.neutral_medium_02 {
  color: var(--texto-medio) !important;
}

.borderBottom {
  border-bottom: 2px solid var(--primary-50);
}

.connectedSortable {
  max-height: 400px;
  min-height: 400px;
  overflow: auto;
  list-style: none;
  border: 1px solid var(--primary-100);
  border-radius: 16px;
}

.connectedSortable li {
  background: var(--superficie-white);
  padding: 8px;
  border: 1px solid var(--primary-50);
  border-radius: 4px;
}

.connectedSortable li.selected {
  background: var(--primary-100);
}

#filtrosJourney .selected {
  border: 1px solid var(--primary-500);
  background: var(--primary-100);
  color: var(--primary-700);
}

.filtroFecha .pastillaFecha:hover {
  background: var(--primary-50);
  border-radius: 4px;
  color: var(--primary-500);
}

.filtroFecha .pastillaFecha span {
  color: var(--gris_claro);
  width: max-content;
}

.filtroFecha .pastillaFecha.selected {
  background: var(--primary-100);
}

.filtroFecha .pastillaFecha.selected span {
  color: var(--primary-500);
}

.carousel-inner.ms-5.me-5 {
  width: 86%;
}

.carousel-item {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.carousel-item a {
  text-decoration: none;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  filter: invert(1);
}

.ulCer {
  list-style-type: none;
  padding-left: 8px;
}

#modalFlota {
  top: 5%;
}

#listaFlotas {
  max-height: 70%;
}

#contFiltros {
  background: var(--superficie-white);
  z-index: 100;
  border-radius: 16px;
  box-shadow: var(--elevation-5);
}
#contFiltros .filtro.flt-m.align-items-center.cursor.filtroFlotas {
  cursor: pointer !important;
}

.col-6.flotas {
  max-height: 440px;
}

.imgFlotas {
  width: 70%;
}

/*#flotaPorActivo,
#flotaPorEtiqueta {
    color: var(--texto-medio);
}*/
.select-empresa {
  width: 100% !important;
}

[data-value=valorCambioEmpresa] {
  background-color: var(--superficie-0) !important;
}

.txtLeyenda {
  font-size: 0.9rem;
  padding: 4px 0;
  color: var(--texto);
}

.leaflet-container {
  font-family: "roboto", sans-serif !important;
}

.opcionesmapa {
  margin: 76px 32px 0 !important;
}

.opcionesmapa .cont-menumap {
  margin: 8px 0px !important;
}

.opcionesmapa .cont-menumap:not(:last-of-type) {
  border-right: 1px solid var(--color-borde);
}

.opcionesmapa .cont-menumap .cont-icon {
  width: 40px;
  height: 40px;
  background: transparent;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s linear;
}

.opcionesmapa .cont-menumap.toggleLugaresActivo .cont-icon {
  background: var(--primary-100);
}

.opcionesmapa .cont-menumap .cont-icon:hover {
  background: var(--primary-50);
}

.opcionesmapa .cont-menumap.toggleLugaresActivo .cont-icon .icons-lib {
  fill: var(--primary-500);
}

.opcionesmapa .cont-menumap p {
  font-size: 0.9rem;
  font-weight: 700;
  margin: 2px 0 0 !important;
}

#toggleGeocercas img,
#toggleLugares img {
  padding: 3px;
}

.crearGeocercaPestanaContenedor {
  width: fit-content;
  /*background: var(--superficie-white);
  border: 1px solid var(--color-borde);
  border-radius: 24px;
  cursor: pointer;
  user-select: none;*/
}

/*.crearGeocercaPestana,
.segment {
color: var(--secondary-500);
font-weight: 400;
line-height: 1em;
letter-spacing: 0em;
display: flex;
align-items: center;
gap: 4px;
}*/
.vistas-s {
  padding: 4px 8px;
  font-size: 0.77rem;
  height: 28px;
}

.vistas-m {
  padding: 8px 12px;
  font-size: 0.9rem;
  height: 32px;
}

.vistas-l {
  padding: 8px 16px;
  font-size: 1rem;
  height: 40px;
}

.planruta {
  position: relative;
}

.preLabel {
  position: relative;
}

.preLabel:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><circle cx='5.75' cy='3.75' r='0.75' fill='var(--secondary-500)'/><circle cx='5.75' cy='8' r='0.75' fill='var(--secondary-500)'/><circle cx='5.75' cy='12.25' r='0.75' fill='var(--secondary-500)'/><circle cx='10.25' cy='3.75' r='0.75' fill='var(--secondary-500)'/><circle cx='10.25' cy='8' r='0.75' fill='var(--secondary-500)'/><circle cx='10.25' cy='12.25' r='0.75' fill='var(--secondary-500)'/></svg>");
  filter: brightness(0) saturate(100%) invert(20%) sepia(12%) saturate(2368%) hue-rotate(178deg) brightness(98%) contrast(86%);
  position: absolute;
  left: -16px;
  width: 16px;
  height: 16px;
  top: 50px;
  transition: 0.1s linear;
  opacity: 0;
}

.dark-theme .preLabel:before,
.planruta:not(:last-of-type) .preLabel .col-1:before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(1773%) hue-rotate(179deg) brightness(95%) contrast(86%);
}

.planruta:hover .preLabel:before {
  opacity: 1;
}

.preLabel:hover:before {
  opacity: 1;
}

/*.planruta:not(:last-of-type) .preLabel .lineaRuta:before {
    content: "";
    display: block;
    width: 50%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 100%;
    border-right: 2px solid var(--texto-disabled);
}*/
.lineaRuta {
  width: 24px;
}
.lineaRuta:before {
  content: "";
  display: block;
  height: 30px;
  margin-bottom: 0.5rem;
}

.planruta:not(:last-of-type):before {
  content: "";
  display: block;
  width: 12px;
  height: calc(100% - 24px);
  position: absolute;
  left: 0;
  top: 72px;
  border-right: 2px dotted var(--texto-disabled);
}

.planruta .borrarOrigen,
.planruta .borrarPuntoIntermedio,
.planruta .borrarDestino {
  fill: var(--texto-medio);
  padding: 2px;
  transition: 0.2s linear;
  opacity: 0;
}
.planruta .borrarOrigen:hover,
.planruta .borrarPuntoIntermedio:hover,
.planruta .borrarDestino:hover {
  fill: var(--texto);
}

.planruta:hover .borrarOrigen,
.planruta:hover .borrarPuntoIntermedio,
.planruta:hover .borrarDestino {
  opacity: 1;
}

h1 .icons-lib {
  background: var(--primary-100);
  width: 40px;
  height: 40px;
  padding: 4px;
  border-radius: 50%;
  color: var(--primary-600);
}

.preLabel .imgArrastre {
  width: 16px;
  height: 40px;
  position: relative;
  border-radius: 50%;
}

.evitarbloque {
  background: var(--superficie-1);
  border: 1px solid var(--color-borde);
  border-radius: 8px;
  padding: 16px 24px 12px !important;
}

.distRoute {
  color: var(--primary-500);
}

.rutapasos {
  padding: 0 0 0 24px;
}

.cont-distancia {
  padding: 4px 0 16px !important;
  margin: 0;
}

.cont-distancia:before {
  content: "";
  position: absolute;
  width: 100%;
  display: block;
  height: 1px;
  background: var(--secondary-200);
  top: 50%;
  left: 0;
}

.cont-distancia .distancia {
  position: relative;
  z-index: 99999;
  background: var(--superficie-white);
  padding-right: 8px;
  font-weight: 700;
  color: var(--secondary-300);
}

/**SWITCH**/
.toggle {
  align-items: center;
  border-radius: 100px;
  display: flex;
  margin-bottom: 16px;
  outline: none;
}

.toggle:last-of-type {
  margin: 0;
}

.toggle__input {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.toggle__input:not([disabled]):active + .toggle-track,
.toggle__input:not([disabled]):focus + .toggle-track {
  outline: 0;
  box-shadow: 0 0 8px var(--primary-500), 0 0 16px var(--primary-500);
  box-shadow: var(--elevation-0);
}

.toggle__input:disabled + .toggle-track {
  cursor: not-allowed;
  opacity: 0.7;
}

.toggle-track {
  background: var(--superficie-white);
  border: 2px solid var(--secondary-300);
  border-radius: 100px;
  cursor: pointer;
  display: flex;
  position: relative;
  outline: 0;
}

.toggle-track:hover,
.toggle-track:active,
.toggle-track:focus {
  outline: 0;
  box-shadow: 0 0 8px var(--primary-300);
}

.toggle-indicator {
  align-items: center;
  background: var(--secondary-300);
  outline: solid 2px transparent;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  transition: 0.25s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.dark-theme .toggle-track {
  background: var(--superficie-white);
  border: 2px solid var(--secondary-700);
}
.dark-theme .toggle-indicator {
  background: var(--secondary-700);
}
.dark-theme .toggle .toggle-indicator .checkMark .icons-lib {
  fill: var(--primary-900);
  stroke: var(--primary-900);
}
.dark-theme .toggle__input:checked + .toggle-track .toggle-indicator {
  background: var(--primary-500);
}
.dark-theme .toggle__input:checked + .toggle-track {
  background: var(--primary-100);
  border-color: var(--primary-100);
}

.toggle-s .toggle-track {
  width: 32px;
  height: 18px;
}

.toggle-s .toggle-indicator {
  width: 10px;
  height: 10px;
  left: 2px;
}

.toggle-s .toggle__input:checked + .toggle-track .toggle-indicator {
  left: calc(100% - 12px);
}

.toggle-m .toggle-track {
  width: 40px;
  height: 24px;
}

.toggle-m .toggle-indicator {
  left: 2px;
  width: 16px;
  height: 16px;
}

.toggle-m .toggle__input:checked + .toggle-track .toggle-indicator {
  left: calc(100% - 18px);
}

.toggle-l .toggle-track {
  width: 54px;
  height: 32px;
}

.toggle-l .toggle-indicator {
  left: 4px;
  width: 20px;
  height: 20px;
}

.toggle-l .toggle__input:checked + .toggle-track .toggle-indicator {
  left: calc(100% - 24px);
}

.label_switch {
  color: var(--texto-disabled);
  font-size: 0.9rem;
  margin-left: 8px;
}

.checkMark {
  fill: var(--superficie-white);
  height: 20px;
  width: 20px;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toggle .toggle-indicator .checkMark .icons-lib {
  fill: var(--primary-500);
  stroke: var(--primary-500);
  padding: 0px;
  margin: 0 !important;
}

.toggle.toggle-s .toggle-indicator .checkMark .icons-lib {
  height: 10px;
  width: 10px;
}

.toggle.toggle-m .toggle-indicator .checkMark .icons-lib {
  height: 12px;
  width: 12px;
}

.toggle.toggle-l .toggle-indicator .checkMark .icons-lib {
  height: 16px;
  width: 16px;
}

.toggle__input:checked + .toggle-track {
  background: var(--primary-500);
  border-color: var(--primary-500);
}

.toggle__input:checked + .toggle-track .toggle-indicator {
  background: var(--superficie-white);
}

.toggle__input:checked + .toggle-track .toggle-indicator .checkMark {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}

@media screen and (-ms-high-contrast: active) {
  .toggle-track {
    border-radius: 0;
  }
}
.toolbar {
  gap: 8px;
}

.tags-selected {
  margin-right: 8px;
  display: flex;
  gap: 4px;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}

.tags-selected-seleccion {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0;
  flex-wrap: wrap;
  margin: 16px 0;
}

.stepper li {
  position: relative;
  font-size: 0.9rem;
  color: var(--texto-disabled);
  display: flex;
  align-items: center;
  text-wrap: nowrap;
}

.stepper .activo {
  color: var(--primary-500);
}

.stepper .relleno:before,
.stepper .activo:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill=''><path d='M5.59544 7.88852C5.50241 7.79961 5.37868 7.75 5.25 7.75C5.24989 7.75 5.23866 7.75013 5.23866 7.75013C5.10609 7.75314 4.98014 7.80869 4.88852 7.90456C4.79961 7.99759 4.75 8.12132 4.75 8.25L4.75013 8.26134C4.75314 8.39392 4.80869 8.51986 4.90456 8.61148L6.73581 10.3615C6.92895 10.5461 7.23308 10.5462 7.42639 10.3618L11.095 6.86189C11.191 6.77036 11.2467 6.64434 11.2499 6.51177C11.2501 6.50376 11.25 6.49575 11.2498 6.48774C11.2468 6.36348 11.1976 6.2448 11.1118 6.15486C11.0174 6.05596 10.8867 6 10.75 6L10.7359 6.0002C10.6123 6.00369 10.4943 6.05286 10.4049 6.13822L7.08154 9.30868L5.59544 7.88852Z' fill='var(--primary-500)'/><path fill-rule='evenodd' clip-rule='evenodd' d='M8 1.5C8 1.5 9.32209 1.5 10.5302 2.01101C10.5302 2.01101 11.6968 2.50442 12.5962 3.40381C12.5962 3.40381 13.4956 4.30319 13.989 5.46975C13.989 5.46975 14.5 6.67791 14.5 8C14.5 8 14.5 9.32208 13.989 10.5302C13.989 10.5302 13.4956 11.6968 12.5962 12.5962C12.5962 12.5962 11.6968 13.4956 10.5302 13.989C10.5302 13.989 9.32208 14.5 8 14.5C8 14.5 6.67791 14.5 5.46975 13.989C5.46975 13.989 4.30319 13.4956 3.40381 12.5962C3.40381 12.5962 2.50442 11.6968 2.01101 10.5302C2.01101 10.5302 1.5 9.32209 1.5 8C1.5 8 1.5 6.67791 2.01101 5.46975C2.01101 5.46975 2.50442 4.30319 3.40381 3.40381C3.40381 3.40381 4.30319 2.50442 5.46975 2.01101C5.46975 2.01101 6.67791 1.5 8 1.5ZM8 2.5C8 2.5 6.8807 2.5 5.85931 2.93201C5.85931 2.93201 4.87238 3.34945 4.11091 4.11091C4.11091 4.11091 3.34945 4.87238 2.93201 5.85931C2.93201 5.85931 2.5 6.8807 2.5 8C2.5 8 2.5 9.1193 2.93201 10.1407C2.93201 10.1407 3.34945 11.1276 4.11091 11.8891C4.11091 11.8891 4.87238 12.6506 5.85931 13.068C5.85931 13.068 6.8807 13.5 8 13.5C8 13.5 9.1193 13.5 10.1407 13.068C10.1407 13.068 11.1276 12.6506 11.8891 11.8891C11.8891 11.8891 12.6506 11.1276 13.068 10.1407C13.068 10.1407 13.5 9.1193 13.5 8C13.5 8 13.5 6.8807 13.068 5.85931C13.068 5.85931 12.6506 4.87238 11.8891 4.11091C11.8891 4.11091 11.1276 3.34945 10.1407 2.93201C10.1407 2.93201 9.1193 2.5 8 2.5Z' fill='var(--primary-500)'/></svg>");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.stepper .relleno:before {
  /*texto-disabled*/
  filter: brightness(0) saturate(100%) invert(75%) sepia(10%) saturate(144%) hue-rotate(165deg) brightness(87%) contrast(85%);
}

.stepper .activo:before {
  /*azul*/
  filter: brightness(0) saturate(100%) invert(33%) sepia(96%) saturate(1751%) hue-rotate(188deg) brightness(95%) contrast(100%);
}

.dark-theme .stepper .relleno:before {
  /*texto-disabled*/
  filter: brightness(0) saturate(100%) invert(36%) sepia(6%) saturate(749%) hue-rotate(166deg) brightness(97%) contrast(89%);
}
.dark-theme .stepper .activo:before {
  /*azul*/
  filter: brightness(0) saturate(100%) invert(63%) sepia(82%) saturate(4798%) hue-rotate(185deg) brightness(99%) contrast(93%);
}

.stepper li:not(:last-of-type):after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 1px;
  background: var(--texto-disabled);
  margin-right: 8px;
  margin-left: 8px;
}

.cropme-rotation-slider {
  display: none;
}

.alta-archivo {
  color: var(--secondary-800);
  background: var(--secondary-100);
  border: 1px solid var(--secondary-200);
  border-radius: 4px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

div#generalDatos {
  padding: 8px 16px;
  border: 1px solid var(--color-borde);
  border-radius: 4px;
  margin: 16px 0;
}

#generalDatosBien .icons-lib,
#generalDatosMal .icons-lib {
  border-radius: 50%;
  padding: 2px;
  margin-right: 8px;
}

#generalDatosBien .icons-lib {
  color: var(--acento-verde-600);
  background: var(--acento-verde-100);
  border: 1px solid var(--acento-verde-200);
}

#generalDatosMal .icons-lib {
  color: var(--acento-rojo-600);
  background: var(--acento-rojo-100);
  border: 1px solid var(--acento-rojo-200);
}

#lineasDatosMal ul {
  margin: 0;
  padding: 8px 16px;
  border: 1px solid var(--color-borde);
  border-radius: 4px;
}

#lineasDatosMal ul li {
  display: flex;
  align-items: center;
}

.lineaActivo {
  height: 16px;
  width: 1px;
  background: var(--texto-disabled);
}

/***** MODALS *****/
.modal-content {
  display: flex !important;
  flex-direction: column !important;
  color: var(--texto) !important;
  width: 100% !important;
  max-height: calc(100vh - 8%) !important;
  min-height: calc(100vh - 8%) !important;
  pointer-events: auto !important;
  background-color: var(--superficie-white) !important;
  background-clip: padding-box !important;
  border: 1px solid var(--color-borde) !important;
  border-radius: 8px !important;
  outline: 0 !important;
  padding: 40px 60px;
}

.modal-content.modal-xs {
  min-height: auto !important;
}

.modal.show .modal-dialog {
  width: 80%;
  height: 100%;
  max-width: 750px;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .modal.show .modal-dialog.modal-lg,
  .modal.show .modal-dialog.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal.show .modal-dialog.modal-lg,
  .modal.show .modal-dialog.modal-xl {
    max-width: 1140px;
  }
}
.modal-grande {
  width: 80%;
  height: 100%;
  max-width: 1750px !important;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .modal-grande.modal-lg,
  .modal-grande.modal-xl {
    max-width: 1800px !important;
  }
}
@media (min-width: 1200px) {
  .modal-grande.modal-lg,
  .modal-grande.modal-xl {
    max-width: 2140px !important;
  }
}
.modal-header,
.modal-body,
.modal-footer {
  padding: 0 !important;
}

.modal-body {
  overflow: auto;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.modal-header .btn-close {
  /*margin: -0.5rem -0.5rem -0.5rem auto !important;
  padding: 0 !important;*/
  background: none !important;
  width: 24px !important;
  height: 24px !important;
  color: var(--texto-medio) !important;
  opacity: 1;
}

#InformeConfIzquierda,
#InformeConfDerecha,
#InformeConfCentro {
  flex: 1;
  overflow-y: auto;
  margin: 16px 0 32px;
}

#InformeConfIzquierda .pt-4 {
  flex: 1;
  overflow-y: clip;
}

/*#selectedList {
    max-height: 480px;
}*/
/*.modal-footer {
padding: 32px 40px !important;
}*/
#modalFechas .modal-header,
#modalFechas .modal-body,
#modalFechas .modal-footer {
  padding: 10px;
}

#modalFechas .modal-dialog {
  margin: 30px auto;
  width: auto;
  display: flex;
  align-items: center;
}

#modalFechas .modal-dialog-centered {
  margin: auto;
}

#modalFechas .modal-content {
  border-radius: 0.3rem;
  width: 30vw !important;
  min-width: 400px;
  min-height: calc(100vh - 50%) !important;
  margin: auto;
}

#modalFechas .modal-content .form-control[type=number] {
  max-width: 75px;
}

#modalFechas .modal-content .form-control[type=number]::-webkit-inner-spin-button,
#modalFechas .modal-content .form-control[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

#modalFechas .modal-content .form-control[type=number] {
  -moz-appearance: textfield;
}

#modalFechas .modal-content .form-select {
  max-width: 120px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 16px 16px !important;
}

#modalFechas .modal-content .form-select::-ms-expand {
  display: none;
}

#modalFechas .form-control,
#modalFechas .form-select {
  margin-bottom: 10px;
}

#modalFechas .form-label {
  margin-bottom: 5px;
}

/*Modal carrusel inicio*/
#carruselModal.modal.show .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

#carruselModal .modal-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  border: none !important;
}

#carruselModal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem;
  border-bottom: none;
}

#carruselModal .modal-header .modal-title {
  color: white;
}

#carruselModal .modal-body {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

#carruselModal .modal-footer {
  display: flex;
  justify-content: center;
  padding: 1rem;
  border-top: none;
}

#carruselModal .carousel-item img {
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
}

#carruselModal .carousel-control-prev-icon,
#carruselModal .carousel-control-next-icon {
  width: 2rem;
  height: 2rem;
}

#carruselModal .carousel-control-prev,
#carruselModal .carousel-control-next {
  width: auto;
}

#carruselModal.fade {
  backdrop-filter: blur(7px);
}

/*Modal carrusel fin*/
/*Columnas*/
.caja-columnas {
  background: var(--superficie-0);
  border: 1px solid var(--color-borde);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 86%;
  overflow: auto;
}

/*@media screen and (min-height: 900px) {
    .caja-columnas {
        max-height: 210px;
    }
}*/
.caja-columnas .form-check {
  display: flex;
  padding: 2px 8px;
  align-items: center;
  margin: 0;
}

.caja-columnas .form-check .input-checkbox {
  margin: 0 12px 0 0 !important;
}

.caja-columnas-superinforme {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columnas */
  gap: 1rem; /* espacio entre checkboxes */
}

.caja-columnas-superinforme .form-check {
  display: flex;
  padding: 2px 8px;
  align-items: center;
  margin: 0;
}

.caja-columnas-superinforme .form-check .input-checkbox {
  margin: 0 12px 0 0 !important;
}

/*Columnas*/
.select-column {
  padding: 8px;
  border: 1px solid var(--color-borde);
  border-radius: 8px;
  margin-bottom: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.select-column.fixed-item {
  background: var(--superficie-0);
  padding: 8px 36px;
}

.select-column.fixed-item span {
  color: var(--texto-disabled);
}

.select-column div {
  display: flex;
  align-items: center;
}

.select-column .btn-close {
  background: none;
  padding: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  opacity: 1;
  color: var(--texto-medio);
}

.select-column .btn-close .icons-lib {
  width: 20px;
  height: 20px;
}

.icons-lib.arrastrar {
  width: 20px;
  height: 20px;
  fill: var(--texto-medio);
  margin-right: 8px;
  cursor: move;
}

.btn-close {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  color: var(--texto-medio) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
}

.btn-close .icons-lib {
  width: 20px;
  height: 20px;
}

/*.borde-productividad {
border-top: 1px solid var(--color-borde);
border-left: 1px solid var(--color-borde);
border-right: 1px solid var(--color-borde);
}*/
.titulo-geo {
  font-size: 0.77rem;
  font-weight: 500;
  padding: 0 !important;
  padding-right: 8px !important;
}
.titulo-geo li {
  line-height: 1em;
  width: 60px;
}

.tipo-geo li {
  width: 60px;
  text-align: center;
  display: flex;
  justify-content: center;
}

.datos-activo {
  padding: 8px !important;
}

.datos-activo .nombre-activo {
  font-size: 0.9rem;
}

.datos-activo .nombre-activo .icons-lib.icono-recurso {
  margin: 0 8px 0 0;
}

#formGeocercasEnvio {
  margin: 0;
}

/*fondo graficos*/
.highcharts-figure,
.highcharts-data-table table {
  min-width: 310px;
  max-width: 800px;
  margin: 0;
}

.highcharts-label-box.highcharts-tooltip-box {
  background: var(--superficie-0) !important;
  fill: var(--superficie-0) !important;
}

.highcharts-data-table table {
  font-family: "roboto", sans-serif !important;
  border-collapse: collapse;
  border: 1px solid var(--color-borde);
  margin: 0 auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-cont text,
.highcharts-figure text,
.highcharts-data-table text {
  font-family: "roboto", sans-serif !important;
  color: var(--texto) !important;
  fill: var(--texto) !important;
}

/*
.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}

.highcharts-data-table th {
font-weight: 500;
padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}

.highcharts-data-table tr:hover {
background: #f1f7ff;
}*/
.highcharts-background {
  fill: transparent !important;
}

.highcharts-title {
  color: var(--texto) !important;
  fill: var(--texto) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.highcharts-axis-labels.highcharts-yaxis-labels text {
  color: var(--texto-medio) !important;
  fill: var(--texto-medio) !important;
}

.highcharts-axis.highcharts-yaxis text {
  color: var(--texto-medio) !important;
  fill: var(--texto-medio) !important;
}

.highcharts-grid.highcharts-yaxis-grid path {
  stroke: var(--color-borde) !important;
}

.highcharts-data-labels.highcharts-column-series.highcharts-tracker .highcharts-label.highcharts-data-label.highcharts-data-label-color-undefined.highcharts-drilldown-data-label text {
  color: var(--texto) !important;
  fill: var(--texto) !important;
  text-decoration: none !important;
}

.highcharts-text-outline {
  fill: transparent !important;
  stroke: transparent !important;
}

.highcharts-focus-border {
  stroke: var(--color-borde) !important;
}

.highcharts-container text,
.highcharts-axis-labels.highcharts-xaxis-labels text {
  color: var(--texto-medio) !important;
  fill: var(--texto-medio) !important;
  text-decoration: none !important;
}

.highcharts-tooltip.highcharts-color-undefined span,
.highcharts-label.highcharts-data-label.highcharts-data-label-color-undefined text {
  color: var(--secondary-800) !important;
  fill: var(--texto) !important;
}

.highcharts-no-tooltip.highcharts-button.highcharts-breadcrumbs-button.highcharts-button-hover rect {
  fill: transparent !important;
}

.highcharts-no-tooltip.highcharts-button.highcharts-breadcrumbs-button.highcharts-button-normal text {
  color: var(--texto) !important;
  fill: var(--texto) !important;
}

.highcharts-no-tooltip.highcharts-button.highcharts-breadcrumbs-button.highcharts-button-pressed text {
  color: var(--texto-medio) !important;
  fill: var(--texto-medio) !important;
}

.highcharts-no-tooltip.highcharts-button.highcharts-breadcrumbs-button.highcharts-button-hover text:hover {
  color: var(--texto) !important;
  fill: var(--texto) !important;
  text-decoration: underline !important;
}

.highcharts-contextmenu .highcharts-menu {
  background: var(--superficie-2) !important;
  box-shadow: var(--elevation-3) !important;
  border-radius: 8px !important;
}

.highcharts-contextmenu .highcharts-menu .highcharts-menu-item {
  color: var(--texto) !important;
}

.highcharts-contextmenu .highcharts-menu .highcharts-menu-item:hover {
  background: var(--primary-500) !important;
}

.highcharts-root .highcharts-legend-series-active .highcharts-a11y-proxy-button {
  color: var(--texto) !important;
  fill: var(--texto) !important;
}

.highcharts-label.highcharts-data-label text .bold600 {
  color: var(--texto) !important;
  fill: var(--texto) !important;
  font-size: 18px !important;
}

#cajaPermisos {
  background: var(--superficie-0);
  border: 1px solid var(--color-borde);
  width: 100%;
  padding: 8px 0;
  position: absolute;
  top: calc(100% + 4px);
  z-index: 1;
}

#cajaPermisos .lineaPermiso {
  padding: 8px 16px;
  font-size: 0.9rem;
  position: relative;
}

#cajaPermisos .lineaPermiso:hover {
  background: var(--primary-50);
}

#cajaPermisos .lineaPermiso.selected {
  background: var(--primary-50);
}

#cajaPermisos .lineaPermiso.selected:after {
  content: "";
  border-bottom: 2px solid var(--primary-500);
  border-left: 2px solid var(--primary-500);
  width: 14px;
  height: 7px;
  transform: rotate(-45deg);
  position: absolute;
  top: 16px;
  right: 16px;
}

.desplegableHija {
  width: 24px;
  height: 24px;
  color: var(--texto-disabled);
}
.desplegableHija .icons-lib {
  fill: var(--texto-medio);
}
.desplegableHija .icons-lib:hover {
  fill: var(--texto);
}

form .icono-ojo {
  width: 20px;
  height: 20px;
  fill: var(--texto-medio);
}

/*checkbox estado mixto*/
.nuevo-checkcaja {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.nuevo-checkcaja .checkcaja {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  height: 24px;
  width: 24px;
  opacity: 0;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.nuevo-checkcaja .checkmarca {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid var(--texto-disabled);
  background-color: var(--superficie-0);
  border-radius: 2px !important;
}
.nuevo-checkcaja .checkcaja:checked + .checkmarca {
  background-color: var(--primary-500);
  border-color: var(--primary-500);
}
.nuevo-checkcaja .checkcaja:indeterminate + .checkmarca {
  /* background-color: #FFD700;
      Color para estado mixto */
}
.nuevo-checkcaja .checkcaja:indeterminate + .checkmarca:before {
  content: "";
  display: block;
  width: 60%;
  height: 2px;
  background: var(--texto);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.nuevo-checkcaja .checkcaja:disabled + .checkmarca {
  opacity: 0.5;
}
.nuevo-checkcaja .checkmarca:after {
  content: "";
  position: absolute;
  display: none;
}
.nuevo-checkcaja .checkcaja:checked + .checkmarca:after {
  display: block;
}
.nuevo-checkcaja .checkmarca:after {
  background-image: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'><rect width='16' height='16' rx='2' fill='none'/><path d='M4 8L6 10L12 4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
}

.filter-card-tablas .buscador input {
  min-width: auto;
}

.filter-card-tablas {
  top: 40px;
  right: 0;
  width: 380px !important;
  max-height: 60vh;
  border-radius: 12px;
  padding-bottom: 16px;
  border: 1px solid var(--color-borde);
  background-color: var(--superficie-white);
  z-index: 9999;
  overflow-y: auto;
}

.filtroTablas {
  color: var(--texto);
  font-size: 0.77rem;
  font-weight: 600;
  margin: 16px 0 8px !important;
}

.filtroTablas:hover,
.description:hover {
  background: var(--primary-50) !important;
}

/*Carrusel tabs*/
.navegacion-tabs-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

#pagActivos {
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#pagActivos::-webkit-scrollbar {
  display: none;
}

.tab-link {
  flex: 0 0 auto;
}

.tab-hover {
  white-space: nowrap;
}

.navegar-tabs {
  background-color: transparent;
  /* Ajusta según sea necesario */
  border: none;
  padding: 10px;
}

.icons-lib {
  width: 24px;
  height: 24px;
}

/*Custom gaps*/
.gap-6 {
  margin-top: 4.2rem;
}

/*Circulos tacografo*/
.circle-empty {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 2px solid currentColor;
  background-color: transparent;
  margin: 0 1px;
  position: relative;
}

.circle-full {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 2px solid currentColor;
  background-color: transparent;
  margin: 0 1px;
  position: relative;
}

.circle-full::after {
  content: "";
  display: block;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  background-color: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.circle-empty-conduccion {
  color: var(--acento-rojo-600);
}

.circle-full-conduccion {
  color: var(--acento-rojo-600);
}

.circle-empty-descanso {
  color: var(--neutral);
}

.circle-full-descanso {
  color: var(--neutral);
}

.progress {
  position: relative !important;
  height: 15px !important;
  margin-bottom: 1rem !important;
  border-radius: 15rem !important;
}

.progress-bar {
  border-radius: 15rem !important;
  position: relative;
}

.progress-bar span {
  position: absolute !important;
  left: 10px !important;
  color: #fff !important;
  font-weight: bold;
}

.progress-bar-total {
  position: absolute !important;
  right: 10px !important;
  color: #fff !important;
  font-weight: bold !important;
}

.progress-original {
  min-width: 125px;
}

.progress-bar-descanso {
  position: relative;
  border-top-right-radius: 15rem !important;
  border-bottom-right-radius: 15rem !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.chip-rounded-gris {
  color: var(--black) !important;
  border-radius: 15rem;
  border: solid var(--color-borde) 1px;
  background: var(--bs-gray-100);
  padding: 0.2rem;
}

.bg-gris {
  background: var(--bs-gray-600) !important;
}

#btnDescarga {
  pointer-events: auto;
}

#datosDescarga {
  background-color: rgba(130, 191, 241, 0.1);
  border: 1.5px, solid, #2148f3;
  border-radius: 0.5rem;
}

#carruselModal .carousel-caption p {
  /* min-height: 70vh; */
  background-color: rgba(0, 0, 0, 0.45);
}

#carruselModal .modal-content {
  padding: 10px 20px;
}

@media (min-width: 768px) and (max-width: 1400px) {
  #carruselModal .carousel-item img {
    height: 450px;
    width: auto;
  }
}
.descargado {
  border-radius: 15rem !important;
  background: var(--acento-verde-200) !important;
  padding: 0.2rem;
}

.fallido {
  border-radius: 15rem !important;
  background: var(--acento-rojo-200) !important;
  padding: 0.2rem;
}

.programada {
  border-radius: 15rem !important;
  border: solid var(--acento-azul-600) 1.5px !important;
  padding: 0.2rem;
}

.proximaCalibracion {
  border-radius: 15rem !important;
  background: var(--acento-amarillo-200) !important;
  padding: 0.2rem;
}

.vanilla-calendar-day__btn_today {
  border-radius: 15rem !important;
  padding: 0.2rem;
}

.vanilla-calendar-day {
  width: auto !important;
}

.vanilla-calendar-day,
.vanilla-calendar-month,
.vanilla-calendar-year,
.vanilla-calendar-arrow {
  color: var(--secondary-800) !important;
}

#calendar table .fc-col-header,
#calendar table .fc-scrollgrid-sync-table {
  margin: 0;
  /* Eliminar márgenes */
}

#calendar table .fc-header-toolbar {
  border: none !important;
  /* Eliminar borde */
}

/* Personalizar botones de navegación */
#calendar .fc-prev-button,
#calendar .fc-next-button {
  margin-right: 100px !important;
  margin-left: 100px !important;
  color: #555 !important;
  background: transparent !important;
  border: none !important;
  font-size: 20px !important;
}

#calendar .fc--button {
  display: none;
}

/* Personalizar el texto de los botones */
.tablaEventosAgendaPna {
  min-width: 260px;
  max-height: 180px;
  min-height: 180px;
}

.tablaEventosAgendaGde {
  min-width: 260px;
  height: 95%;
}

.eventoAgenda {
  border-radius: 15rem !important;
  border: solid var(--acento-azul-600) 1.5px !important;
  background-color: var(--acento-amarillo-100) !important;
  padding: 0.2rem;
}

.fc .fc-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.fc-h-event {
  background-color: var(--primary-100) !important;
  border: 1px solid var(--primary-500) !important;
  display: block;
}

.fc-h-event .fc-event-main {
  padding-left: 0.1rem;
  color: black !important;
  font-weight: 700 !important;
  white-space: normal !important;
}

.static-drop {
  inset: inherit !important;
  right: 0px !important;
}

.fondo-gris {
  background-color: rgba(212, 212, 212, 0.33);
}

.fc-daygrid-day {
  min-height: 150px;
  /* Establece la altura mínima deseada */
}

.tooltip-max-width-250 > .tooltip-inner {
  max-width: 250px;
}

.pe-6 {
  padding-right: 6rem !important;
}

.form-input-units-label {
  line-height: 26px !important;
  right: 10px !important;
  width: auto !important;
}

.minw-100 {
  min-width: 100px;
}

.text-truncate-w-145 {
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.bola-verde {
  width: 10px;
  height: 10px;
  background-color: #0e9f6e;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

.columna-250 {
  min-width: 250px;
}

.left-0 {
  left: 0 !important;
}

.gris {
  background-color: #e3e3e3 !important;
}

#menu-superior-gestion .gestion-submenu-item {
  font-weight: 500;
  color: var(--texto);
  text-wrap: nowrap;
  background-color: #fff;
}
#menu-superior-gestion .gestion-submenu-item:hover {
  background: var(--secondary-100);
  border-color: var(--secondary-200);
}
#menu-superior-gestion .gestion-submenu-item-rojo {
  background-color: #dc3545;
  color: #fff;
  border-color: #dc3545 !important;
}
#menu-superior-gestion .gestion-submenu-item-rojo:hover {
  background: var(--acento-rojo-800);
  border-color: var(--acento-rojo-800);
}
#menu-superior-gestion .primary {
  background: var(--primary-50);
  color: var(--primary-600);
  border: 1px solid var(--primary-600);
}
#menu-superior-gestion .aviso {
  background-color: var(--acento-rojo-300) !important;
}

.z-0 {
  z-index: 0 !important;
}

#filtro-fichas-compactas {
  position: relative;
}
#filtro-fichas-compactas .icons-lib {
  padding: 2px;
}
#filtro-fichas-compactas.activo {
  background: var(--primary-100);
}
#filtro-fichas-compactas.activo::before {
  content: "";
  display: block;
  background: var(--primary-500);
  outline: 2px solid var(--superficie-white);
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  right: 8px;
  top: 5px;
}

.tableFiltro {
  position: relative;
}
.tableFiltro .icons-lib {
  padding: 2px;
}
.tableFiltro.activo {
  background: var(--primary-100);
}
.tableFiltro.activo::before {
  content: "";
  display: block;
  background: var(--primary-500);
  outline: 2px solid var(--superficie-white);
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  left: 8px;
  top: 5px;
}

.opt-card {
  max-height: 450px;
  overflow: auto;
}

.max-h-150 {
  max-height: 150px !important;
}

.tajetas-fichas-compactas {
  background: var(--superficie-white) !important;
}
.tajetas-fichas-compactas .searchSelect {
  padding: 0px 24px 0 10px !important;
}
.tajetas-fichas-compactas #cards-scroll {
  padding: 0 !important;
}
.tajetas-fichas-compactas #cards-scroll .card-element-wraper {
  width: 100%;
  gap: 0 !important;
}
.tajetas-fichas-compactas #cards-scroll .card-element-wraper .card-element {
  width: 100%;
  border-radius: 0;
}
.tajetas-fichas-compactas .circle-active::after {
  content: "";
  width: 100%;
  height: 100%;
  padding: 27px;
  border: 1px solid var(--color-borde);
  position: absolute;
  border-radius: 100%;
}
.tajetas-fichas-compactas .icono-activo-wraper {
  margin-right: 10px;
}
.tajetas-fichas-compactas .card-body {
  padding: 16px 10px !important;
}
.tajetas-fichas-compactas .card-body .option-card-wraper {
  width: 340px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tajetas-fichas-compactas .card-body .option-card-wraper .titulo-activo {
  width: 125px;
  margin-right: 10px;
}
.tajetas-fichas-compactas .card-body .option-card-wraper .ubicacion-ficha {
  width: 170px;
}

/*Toggle swtich */
.switch {
  /* switch */
  --switch-width: 46px;
  --switch-height: 24px;
  --switch-bg: rgb(131, 131, 131);
  --switch-checked-bg: #1676df;
  --switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2);
  --switch-transition: all 0.2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
  /* circle */
  --circle-diameter: 18px;
  --circle-bg: #fff;
  --circle-shadow: 1px 1px 2px rgba(146, 146, 146, 0.45);
  --circle-checked-shadow: -1px 1px 2px rgba(163, 163, 163, 0.45);
  --circle-transition: var(--switch-transition);
  /* icon */
  --icon-transition: all 0.2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
  --icon-cross-color: var(--switch-bg);
  --icon-cross-size: 6px;
  --icon-checkmark-color: var(--primary-500);
  --icon-checkmark-size: 10px;
  /* effect line */
  --effect-width: calc(var(--circle-diameter) / 2);
  --effect-height: calc(var(--effect-width) / 2 - 1px);
  --effect-bg: var(--circle-bg);
  --effect-border-radius: 1px;
  --effect-transition: all 0.2s ease-in-out;
}

.switch input {
  display: none;
}

.switch {
  display: inline-block;
}

.switch svg {
  -webkit-transition: var(--icon-transition);
  -o-transition: var(--icon-transition);
  transition: var(--icon-transition);
  position: absolute;
  height: auto;
}

.switch .checkmark {
  width: var(--icon-checkmark-size);
  color: var(--icon-checkmark-color);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.switch .cross {
  width: var(--icon-cross-size);
  color: var(--icon-cross-color);
}

.slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: var(--switch-width);
  height: var(--switch-height);
  background: var(--switch-bg);
  border-radius: 999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: var(--switch-transition);
  -o-transition: var(--switch-transition);
  transition: var(--switch-transition);
  cursor: pointer;
}

.circle {
  width: var(--circle-diameter);
  height: var(--circle-diameter);
  background: var(--circle-bg);
  border-radius: inherit;
  -webkit-box-shadow: var(--circle-shadow);
  box-shadow: var(--circle-shadow);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: var(--circle-transition);
  -o-transition: var(--circle-transition);
  transition: var(--circle-transition);
  z-index: 1;
  position: absolute;
  left: var(--switch-offset);
}

.slider::before {
  content: "";
  position: absolute;
  width: var(--effect-width);
  height: var(--effect-height);
  left: calc(var(--switch-offset) + var(--effect-width) / 2);
  background: var(--effect-bg);
  border-radius: var(--effect-border-radius);
  -webkit-transition: var(--effect-transition);
  -o-transition: var(--effect-transition);
  transition: var(--effect-transition);
}

/* actions */
.switch input:checked + .slider {
  background: var(--primary-500);
}

.switch input:checked + .slider .checkmark {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.switch input:checked + .slider .cross {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.switch input:checked + .slider::before {
  left: calc(100% - var(--effect-width) - var(--effect-width) / 2 - var(--switch-offset));
}

.switch input:checked + .slider .circle {
  left: calc(100% - var(--circle-diameter) - var(--switch-offset));
  -webkit-box-shadow: var(--circle-checked-shadow);
  box-shadow: var(--circle-checked-shadow);
}

.switch-s .slider {
  width: 36px;
  height: 20px;
}

.switch-s .circle {
  width: 14px;
  height: 14px;
  left: 3px;
}

.switch-s .slider::before {
  width: 4px;
  height: 4px;
  left: 5px;
}

.switch-s input:checked + .slider .circle {
  left: calc(100% - 14px - 3px);
}

.switch-s input:checked + .slider::before {
  left: calc(100% - 4px - 2px - 3px);
}

/*Toggle swtich */
#contenedor-taco {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  gap: 1rem;
}