/* KBS-APP LOGIN*/
/* Contenedor principal del login */
.mainLoginContainer {
  height: 100vh;
  width: 100vw;
  background-image: url("./imagenes/fondos/KBS-Fondo.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
}

/* Contenedor de contenido dividido en dos columnas usando grid */
.contentContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: calc(100vh - 50px); /* Resta el espacio del footer */
}

/* Contenedor general del login */
.loginContainer {
  width: 420px;
  justify-self: end;
  align-self: center;
}

/* Estilo del logo */
.logoStyle {
  width: 250px;
  height: auto;
  margin: 10px;
}

/* Contenedor del formulario */
.formContainer {
  border: #026369 solid 3px;
  background-color: transparent;
  box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.3);
  border-radius: 25px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 20px;
}

/* Contenedor del input */
.inputContainer label {
  color: #026369;
  font-weight: bold;
}

/* Contenedor de los campos de entrada con sombra */
.inputStyle {
  margin-top: 5px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.3);
}

/* Campos de texto del formulario */
.inputStyle input {
  border: none;
  outline: none;
  height: 40px;
  width: 100%;
  font-size: 18px;
}

/* Botón de aceptar */
.buttonContainer {
  height: 50px;
  background-color: #32aba9;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #ffffff;
  box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.buttonContainer:hover {
  cursor: pointer;
  background-color: #248180;
}

/* Imagen principal en el lado derecho */
.mainImageContainer {
  margin-bottom: 3vh;
  align-self: end;
  justify-self: start;
}
.mainImage {
  width: 100%;
}

/* Footer con contacto y redes sociales */
.footerContainer {
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: #30aba9 solid 2px;
  margin: 0 50px;
  padding: 10px 0;
  color: #026369;
  font-weight: bold;
  font-size: 14px;
}

/* Sección del teléfono en el footer */
.phoneContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* Contenedor de iconos de redes sociales */
.socialMediaContainer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* Iconos (teléfono y redes sociales) */
.iconoStyle {
  height: 30px;
  width: 30px;
  object-fit: contain;
  margin: 5px;
  transition: 0.3s ease, transform 0.3s ease;
}

.iconoStyle:hover {
  scale: 1.1;
}

/* ========== MEDIA QUERIES ========== */

@media (max-width: 1024px) {
  .contentContainer {
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center;
  }

  .mainImageContainer {
    display: none; /* Opcional: puedes ocultarla si no cabe bien */
  }

  .loginContainer {
    justify-self: center;
    width: 100%;
    max-width: 90%;
  }
}

@media (max-width: 600px) {
  .formContainer {
    font-size: 16px;
    padding: 15px;
  }

  .buttonContainer {
    font-size: 16px;
  }

  .footerContainer {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .phoneContainer,
  .socialMediaContainer {
    width: 100%;
    justify-content: flex-start;
  }
}

.bodyKBSLoginMain {
  width: 100%;
  height: 100%;
  border: 0 none;
  position: relative;
  overflow: hidden;
  zoom: 1;
  background: #f1f1f1 url(./imagenes/fondos/KBS-ImagenFondo.png);
  font: normal 12px tahoma, arial, verdana, sans-serif;
  background-size: 100% 100%;
  background-position: top left;
  background-repeat: no-repeat;
}

.bodyKBSTalentoHumano {
  width: 100%;
  height: 100%;
  border: 0 none;
  position: relative;
  overflow: hidden;
  zoom: 1;
  background: #3d71b8 url(./imagenes/fondos/minimal_Desktop.jpg);
  font: normal 12px tahoma, arial, verdana, sans-serif;
  background-size: 100% 100%;
  background-position: top left;
  background-repeat: no-repeat;
}
.bodyKBSEdocuments {
  width: 100%;
  height: 100%;
  border: 0 none;
  position: relative;
  overflow: hidden;
  zoom: 1;
  background: #3d71b8 url(./imagenes/fondos/minimal_Desktop.jpg);
  font: normal 12px tahoma, arial, verdana, sans-serif;
  background-size: 100% 100%;
  background-position: top left;
  background-repeat: no-repeat;
}
.logoEmpresaRRHH {
  position: absolute;
  bottom: 60px;
  right: 45px;
  font: normal 11px tahoma, arial, verdana, sans-serif;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  text-shadow: blue 0.1em 0.1em 0.2em;
  background: url("./imagenes/logos/htalent.png");
  height: 120px;
  width: 200px;
  background-size: 200px 120px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.logoEmpresaEdocuments {
  position: absolute;
  bottom: 60px;
  right: 45px;
  font: normal 11px tahoma, arial, verdana, sans-serif;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  text-shadow: blue 0.1em 0.1em 0.2em;
  background: url("./imagenes/logos/edocuments.png");
  height: 120px;
  width: 200px;
  background-size: 200px 120px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}

.styleBody {
  width: 100%;
  height: 100%;
}

.styleAreaIconos {
  height: 100%;
  border: 1px solid #3b5998;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  behavior: url(PIE.htc);
  padding: 20px 20px 20px 20px;
}

.styleCenter {
  margin: 0 auto;
  border: 2px;
  height: 100%;
}

/*
.styleHorizontal{
	height:100%;
	width:100%;
	margin: 0 auto
}

*/

/*
.imagenIconDesktop_moAdministracion {
	height:66px;
	width:66px;
	background: url("imagenes/modules/administracion.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;
	margin: 0 auto;
	border: 2px;
}
.imagenIconDesktop_moEDoc {
	height:66px;
	width:66px;
	background: url("imagenes/modules/edocuments.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}

.imagenIconDesktop_moRRHH {
	height:66px;
	width:66px;
	background: url("imagenes/modules/rrhh.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}

.imagenIconDesktop_moInventario {
	height:66px;
	width:66px;
	background: url("imagenes/modules/inventary.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}

.imagenIconDesktop_moAcademico {
	height:66px;
	width:66px;
	background: url("imagenes/modules/moAcademico.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}

.imagenIconDesktop_moMetadata {
	height:66px;
	width:66px;
	background: url("imagenes/modules/metadata.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}

.imagenIconDesktop_moVentasOnline {
	height:66px;
	width:66px;
	background: url("imagenes/modules/paypal.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}

.imagenIconDesktop_moActivosFijos {
	height:66px;
	width:66px;
	background: url("imagenes/modules/activosFijos.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}
.imagenIconDesktop_moCajaBancos {
	height:66px;
	width:66px;
	background: url("imagenes/modules/cajaBancos.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}
.imagenIconDesktop_moComprasImp {
	height:66px;
	width:66px;
	background: url("imagenes/modules/compras.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}
.imagenIconDesktop_moContabilidad {
	height:66px;
	width:66px;
	background: url("imagenes/modules/contabilidad.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}
.imagenIconDesktop_moImpuestos {
	height:66px;
	width:66px;
	background: url("imagenes/modules/sri.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}
.imagenIconDesktop_moPresupuestos {
	height:66px;
	width:66px;
	background: url("imagenes/modules/presupuestos.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}
.imagenIconDesktop_moVentasExp {
	height:66px;
	width:66px;
	background: url("imagenes/modules/ventas.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}
.imagenIconDesktop_moProduccion {
	height:66px;
	width:66px;
	background: url("imagenes/modules/produccion.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}
.imagenIconDesktop_moCentroCosto {
	height:66px;
	width:66px;
	background: url("imagenes/modules/produccion.png");
	background-size: 50px 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:center;

	margin: 0 auto;
	border: 2px;
}
.desktopicon .desktopicon_title{
	overflow:visible;
	color:#fff;
	height:20px;
	text-align:center;
	cursor:pointer;
	margin-top:-7px;
	margin-bottom:3px}
.desktopicon .desktopicon_title .l{
	display:inline-block;
	background:rgba(0,0,0,.25);
	text-indent:7px;
	margin:0;
	padding:0;
	height:20px;
	line-height:20px;
	overflow:hidden;
	position:relative;
	max-width:90px;
	vertical-align:middle;
	white-space:nowrap;
	word-break:break-all;
	border-radius:8px 0 0 8px;
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis
}
.desktopicon .desktopicon_title .r{
width:8px;display:inline-block;
background:rgba(0,0,0,.25);
margin:0;padding:0;height:20px;
vertical-align:bottom;
border-radius:0 8px 8px 0}
.desktopicon:hover .desktopicon_title .l,.desktopicon:hover .desktopicon_title .r{
	background:transparent
}
.desktopicon.release-to-drop{
	background-color:rgba(0,0,0,.2);
-moz-box-shadow:inset 0 0 4px rgba(27,16,10,.4);
-webkit-box-shadow:inset 0 0 4px rgba(27,16,10,.4);
box-shadow:inset 0 0 4px rgba(27,16,10,.4)
}
*/

/*	ESTILOS SHORCUT BARRA MODULOS */

.top-barShorcut {
	overflow: hidden;
	height: 2.8125rem;
	line-height: 2.8125rem;
	background: #016268;
	margin-bottom: 0;
	z-index: 300;
	width: 100vw;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.sombraShorCut {
  color: #f1f1f1;
  font-size: 12px;
  text-align: center;
  border-radius: 8px;
  width: 50px;
  z-index: 2;
  cursor: pointer;
  overflow: hidden;
  max-height: 105px;
  /*-webkit-transition:background-color .25s ease;*/
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  /*-webkit-transform:scale(0);*/
  /*-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);*/

  /*opacity:0;*/

  float: left;
}
.sombraShorCut ::-moz-selection {
  background: transparent;
}
.sombraShorCut ::selection {
  background: transparent;
}
.sombraShorCut:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

/* Accesos rapidos */

.contenedorShorrtcutItemMenu {
  height: 30px;
  width: 30px;
  transition: 0.3s ease, transform 0.3s ease;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contenedorShorrtcutItemMenu:hover {
  background-color: rgba(49, 171, 168, 0.5);
  cursor: pointer;
}

.styleIconShortcut{
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.styleIconShorcutMenuCalculadora {
  background-image: url("./iconos/resources/menuAccesoRapido/calculadora.png");
}

.styleIconShorcutMenuCalendario {
  background-image: url("./iconos/resources/menuAccesoRapido/calendario.png");
}

.styleIconShorcutMenuEstablecimiento {
  background-image: url("./iconos/resources/menuAccesoRapido/cambiar_establecimiento.png");
}

.styleIconShorcutMenuImpresora {
  background-image: url("./iconos/resources/menuAccesoRapido/impresora.png");
}

/* MENU CAJA BANCOS*/
.styleIconShorcutComprobanteCaja{
  background-image: url("./iconos/resources/menuAccesoRapido/comprobante_caja.png");
}

.styleIconShorcutComprobanteBancario{
  background-image: url("./iconos/resources/menuAccesoRapido/comprobante_bancario.png");
}

.styleIconShorcutReposicionCaja{
  background-image: url("./iconos/resources/menuAccesoRapido/reposicion_caja.png");
}

.styleIconShorcutDepositosBancarios{
  background-image: url("./iconos/resources/menuAccesoRapido/depositos_bancarios.png");
}

.styleIconShorcutDepositosTarjetaCredito{
  background-image: url("./iconos/resources/menuAccesoRapido/depositos_tarjeta_credito.png");
}

.styleIconShorcutDepositosNoIdentificados{
  background-image: url("./iconos/resources/menuAccesoRapido/depositos_no_identificados.png");
}

.styleIconShorcutCierreDepositosNoIdentificados{
  background-image: url("./iconos/resources/menuAccesoRapido/cierre_depositos_no_identificados.png");
}

.styleIconShorcutArqueoCaja{
  background-image: url("./iconos/resources/menuAccesoRapido/arqueo_caja.png");
}

.styleIconShorcutConciliacionCaja{
  background-image: url("./iconos/resources/menuAccesoRapido/conciliacion_caja.png");
}

.styleIconShorcutConciliacionBancos {
  background-image: url("./iconos/resources/menuAccesoRapido/conciliacion_bancos.png");
}

/* MENU VENTAS */
.styleIconShorcutClientes{
  background-image: url("./iconos/resources/menuAccesoRapido/clientes.png");
}

.styleIconShorcutServicios{
  background-image: url("./iconos/resources/menuAccesoRapido/servicios.png");
}

.styleIconShorcutOrdenesIngresoTrabajo{
  background-image: url("./iconos/resources/menuAccesoRapido/ordenes_ingreso_trabajo.png");
}

.styleIconShorcutSaldosIniciales{
  background-image: url("./iconos/resources/menuAccesoRapido/saldos_iniciales_facturas.png");
}

.styleIconShorcutNotasCreditoDebitoCuentasCobrar{
  background-image: url("./iconos/resources/menuAccesoRapido/nota_credito_debito.png");
}

.styleIconShorcutAbonosAnticipos{
  background-image: url("./iconos/resources/menuAccesoRapido/abonos_anticipos.png");
}

.styleIconShorcutCobrosMultiples{
  background-image: url("./iconos/resources/menuAccesoRapido/cobros_multiples.png");
}

.styleIconShorcutChequesProtestados{
  background-image: url("./iconos/resources/menuAccesoRapido/cheques_protestados.png");
}

.styleIconShorcutCruceSaldos{
  background-image: url("./iconos/resources/menuAccesoRapido/cruce_saldos.png");
}

.styleIconShorcutRetencionesCuentasCobrar{
  background-image: url("./iconos/resources/menuAccesoRapido/retenciones_cuentas_cobrar.png");
}

.styleIconShorcutRetencionesTarjetasCredito{
  background-image: url("./iconos/resources/menuAccesoRapido/retenciones_tarjetas_credito.png");
}

.styleIconShorcutRetencionesRendimientosFinancieros{
  background-image: url("./iconos/resources/menuAccesoRapido/retenciones_rendimientos_financieros.png");
}

.styleIconShorcutProforma{
  background-image: url("./iconos/resources/menuAccesoRapido/proforma.png");
}

.styleIconShorcutApartadoMercaderia{
  background-image: url("./iconos/resources/menuAccesoRapido/apartado_mercaderia.png");
}

.styleIconShorcutFacturaVenta{
  background-image: url("./iconos/resources/menuAccesoRapido/factura_venta.png");
}

.styleIconShorcutGuiaRemision{
  background-image: url("./iconos/resources/menuAccesoRapido/guia_remision.png");
}

.styleIconShorcutNotaCreditoDebito{
  background-image: url("./iconos/resources/menuAccesoRapido/nota_credito_debito.png");
}

.styleIconShorcutDevolucionApartadoMercaderia{
  background-image: url("./iconos/resources/menuAccesoRapido/devolucion_apartado_mercaderia.png");
}

.styleIconShorcutComisionVendedores {
  background-image: url("./iconos/resources/menuAccesoRapido/comision_vendedores.png");
}

.styleIconShorcutDeudas {
  background-image: url("./iconos/resources/menuAccesoRapido/deudas.png");
}

.styleIconShorcutVerificacionDeudas{
  background-image: url("./iconos/resources/menuAccesoRapido/verificacion_deudas.png");
}

.styleIconShorcutCargarArchivoDeudas{
  background-image: url("./iconos/resources/menuAccesoRapido/cargar_archivo_deudas.png");
}

.styleIconShorcutCargarArchivoPagoDeudas{
  background-image: url("./iconos/resources/menuAccesoRapido/cargar_archivo_pago_deudas.png");
}

.styleIconShorcutPagosNoGeneradosFacturas{
  background-image: url("./iconos/resources/menuAccesoRapido/pagos_no_generados_facturas.png");
}

.styleIconShorcutPagosNoGeneradosAbonos{
  background-image: url("./iconos/resources/menuAccesoRapido/pagos_no_generados_abonos.png");
}

.styleIconShorcutHabilitarDeshabilitarDeudas{
  background-image: url("./iconos/resources/menuAccesoRapido/habilitar_deshabilitar_deudas.png");
}

/* MENU COMPRAS */
.styleIconShorcutCategoriaProveedores{
  background-image: url("./iconos/resources/menuAccesoRapido/categoria_proveedores.png");
}

.styleIconShorcutProveedores{
  background-image: url("./iconos/resources/menuAccesoRapido/proveedores.png");
}

.styleIconShorcutRegistroImportaciones{
  background-image: url("./iconos/resources/menuAccesoRapido/registro_importaciones.png");
}

/* MENU INVENTARIO */
.styleIconShorcutCategoriaArticulos{
  background-image: url("./iconos/resources/menuAccesoRapido/categorias_articulos.png");
}

.styleIconShorcutArticulos{
  background-image: url("./iconos/resources/menuAccesoRapido/articulos.png");
}

.styleIconShorcutIngresos{
  background-image: url("./iconos/resources/menuAccesoRapido/ingresos.png");
}

.styleIconShorcutEgresos{
  background-image: url("./iconos/resources/menuAccesoRapido/egresos.png");
}

.styleIconShorcutTransferenciaMercaderia{
  background-image: url("./iconos/resources/menuAccesoRapido/transferencia_mercaderia.png");
}

.styleIconShorcutAjusteInventario{
  background-image: url("./iconos/resources/menuAccesoRapido/ajuste_inventario.png");
}

.styleIconShorcutConversionArticulos{
  background-image: url("./iconos/resources/menuAccesoRapido/conversion_articulos.png");
}

.styleIconShorcutReversionArticulos{
  background-image: url("./iconos/resources/menuAccesoRapido/reversion_articulos.png");
}

.styleIconShorcutConteoTomaFisica{
  background-image: url("./iconos/resources/menuAccesoRapido/conteo_toma_fisica.png");
}

.styleIconShorcutTomaFisica{
  background-image: url("./iconos/resources/menuAccesoRapido/toma_fisica.png");
}

.styleIconShorcutEntregas{
  background-image: url("./iconos/resources/menuAccesoRapido/entregas.png");
}

.styleIconShorcutRecepciones{
  background-image: url("./iconos/resources/menuAccesoRapido/recepciones.png");
}

/* MENU RECURSOS HUMANOS */
.styleIconShorcutEmpleados{
  background-image: url("./iconos/resources/menuAccesoRapido/empleados.png");
}

.styleIconShorcutHojaDeVida{
  background-image: url("./iconos/resources/menuAccesoRapido/hoja_de_vida.png");
}

.styleIconShorcutHistoriaLaboral{
  background-image: url("./iconos/resources/menuAccesoRapido/historia_laboral.png");
}

.styleIconShorcutPlanJornadas{
  background-image: url("./iconos/resources/menuAccesoRapido/plan_jornadas.png");
}

.styleIconShorcutPermisosVacacionesNovedades{
  background-image: url("./iconos/resources/menuAccesoRapido/permisos_vacaciones_novedades.png");
}

.styleIconShorcutHorasExtrasEmpleados{
  background-image: url("./iconos/resources/menuAccesoRapido/horas_extra_empleados.png");
}

.styleIconShorcutRegistroNovedadesEmpleados{
  background-image: url("./iconos/resources/menuAccesoRapido/registro_novedades_empleados.png");
}

.styleIconShorcutMovimientosEmpleados{
  background-image: url("./iconos/resources/menuAccesoRapido/movimientos_empleados.png");
}

.styleIconShorcutPrestamosEmpleados{
  background-image: url("./iconos/resources/menuAccesoRapido/prestamos_empleados.png");
}

.styleIconShorcutPagoCuotasPrestamos{
  background-image: url("./iconos/resources/menuAccesoRapido/pago_cuotas_pretamos.png");
}

.styleIconShorcutVacacionesPersonal{
  background-image: url("./iconos/resources/menuAccesoRapido/vacaciones_personal.png");
}

.styleIconShorcutPagoVacaciones{
  background-image: url("./iconos/resources/menuAccesoRapido/pago_vacaciones.png");
}

.styleIconShorcutNominaPersonal{
  background-image: url("./iconos/resources/menuAccesoRapido/nomina_personal.png");
}

.styleIconShorcutSaldosInicialesEmpleado{
  background-image: url("./iconos/resources/menuAccesoRapido/saldos_iniciales_empleado.png");
}

.styleIconShorcutPagoDeudasEmpleado{
  background-image: url("./iconos/resources/menuAccesoRapido/pago_deudas_empleado.png");
}

.styleIconShorcutPagoNominaGeneral{
  background-image: url("./iconos/resources/menuAccesoRapido/pago_nomina_general.png");
}
/**/
.styleIconShorcutSincronizarBiometrico{
  background-image: url("./iconos/resources/menuAccesoRapido/sincronizar_biometrico.png");
}

.styleIconShorcutControlAsistencia{
  background-image: url("./iconos/resources/menuAccesoRapido/control_asistencia.png");
}

.styleIconShorcutEnvioEmailsNomina{
  background-image: url("./iconos/resources/menuAccesoRapido/envio_emails_nomina.png");
}

.styleIconShorcutProyeccionGastosPersonalesEmpleados{
  background-image: url("./iconos/resources/menuAccesoRapido/proyeccion_gastos_personales.png");
}

.styleIconShorcutDimmRdep{
  background-image: url("./iconos/resources/menuAccesoRapido/dimm_rdep.png");
}

.styleIconShorcutSolicitudEmpleados{
  background-image: url("./iconos/resources/menuAccesoRapido/solicitud_empleados.png");
}

.styleIconShorcutActaFiniquito{
  background-image: url("./iconos/resources/menuAccesoRapido/acta_finiquito.png");
}

.styleIconShorcutLiquidacionGastos{
  background-image: url("./iconos/resources/menuAccesoRapido/liquidacion_gastos.png");
}


/* MENU CONTABILIDAD */
.styleIconShorcutAsientosContablesPendientes{
  background-image: url("./iconos/resources/menuAccesoRapido/asientos_contables_pendientes.png");
}

.styleIconShorcutAsientosContablesMayorizados{
  background-image: url("./iconos/resources/menuAccesoRapido/asientos_contables_mayorizados.png");
}

.styleIconShorcutMayorizar{
  background-image: url("./iconos/resources/menuAccesoRapido/mayorizar.png");
}

.styleIconShorcutDesmayorizar{
  background-image: url("./iconos/resources/menuAccesoRapido/desmayorizar.png");
}

.styleIconShorcutAsientosContablesSinEnlace{
  background-image: url("./iconos/resources/menuAccesoRapido/asientos_contables_sin_enlace.png");
}

.styleIconShorcutContabilizacionBloque{
  background-image: url("./iconos/resources/menuAccesoRapido/contabilizacion_bloque.png");
}

.styleIconShorcutContabilizacionDesgloceCuotasCompras{
  background-image: url("./iconos/resources/menuAccesoRapido/contabilizacion_desgloce_cuotas_compras.png");
}

.styleIconShorcutContabilizacionDesgloceCuotasVentas{
  background-image: url("./iconos/resources/menuAccesoRapido/contabilizacion_desgloce_cuotas_ventas.png");
}

.styleIconShorcutGenerarAsientoCierre{
  background-image: url("./iconos/resources/menuAccesoRapido/generar_asiento_cierre.png");
}

.styleIconShorcutLiberarSecuencias{
  background-image: url("./iconos/resources/menuAccesoRapido/liberar_secuencias.png");
}

/* MENU ACTIVOS FIJOS */
.styleIconShorcutBodegasActivosFijos{
  background-image: url("./iconos/resources/menuAccesoRapido/bodegas_activos_fijos.png");
}

.styleIconShorcutActivosFijos{
  background-image: url("./iconos/resources/menuAccesoRapido/activos_fijos.png");
}

.styleIconShorcutIngresos{
  background-image: url("./iconos/resources/menuAccesoRapido/ingresos.png");
}

.styleIconShorcutEgresos{
  background-image: url("./iconos/resources/menuAccesoRapido/egresos.png");
}

.styleIconShorcutTransferencias{
  background-image: url("./iconos/resources/menuAccesoRapido/transferencias.png");
}

.styleIconShorcutAjusteCostoActivos{
  background-image: url("./iconos/resources/menuAccesoRapido/ajuste_costo_activos.png");
}

.styleIconShorcutDepreciaciones{
  background-image: url("./iconos/resources/menuAccesoRapido/depreciaciones.png");
}

.styleIconShorcutTomaFisica{
  background-image: url("./iconos/resources/menuAccesoRapido/toma_fisica_activos_fijos.png");
}

/* MENU ACADEMICO */
.styleIconShorcutInstructores{
  background-image: url("./iconos/resources/menuAccesoRapido/instructores.png");
}

.styleIconShorcutEstudiantes{
  background-image: url("./iconos/resources/menuAccesoRapido/estudiantes.png");
}

.styleIconShorcutPlantillaCurso{
  background-image: url("./iconos/resources/menuAccesoRapido/plantilla_curso.png");
}

.styleIconShorcutAperturaCursos{
  background-image: url("./iconos/resources/menuAccesoRapido/apertura_cursos.png");
}

.styleIconShorcutMatriculas{
  background-image: url("./iconos/resources/menuAccesoRapido/matriculas.png");
}

.styleIconShorcutFacturaVenta{
  background-image: url("./iconos/resources/menuAccesoRapido/factura_venta_academico.png");
}

.styleIconShorcutEvaluacionCurso{
  background-image: url("./iconos/resources/menuAccesoRapido/evaluacion_por_curso.png");
}

.styleIconShorcutEvaluacionAsignatura{
  background-image: url("./iconos/resources/menuAccesoRapido/evaluacion_por_asignatura.png");
}

.styleIconShorcutEvaluacionPsicosensometrica{
  background-image: url("./iconos/resources/menuAccesoRapido/evaluacion_psicosensometrica.png");
}

.styleIconShorcutEvaluacionPersonas{
  background-image: url("./iconos/resources/menuAccesoRapido/evaluacion_personas.png");
}

.styleIconShorcutOtrasPruebas{
  background-image: url("./iconos/resources/menuAccesoRapido/otras_pruebas.png");
}

.styleIconShorcutReasignacionEvaluaciones{
  background-image: url("./iconos/resources/menuAccesoRapido/reasignacion_evaluaciones.png");
}

.styleIconShorcutAsignacionParalelos{
  background-image: url("./iconos/resources/menuAccesoRapido/asignacion_paralelos.png");
}

.styleIconShorcutAsignacionNumeroPermisos{
  background-image: url("./iconos/resources/menuAccesoRapido/asignacion_numero_permisos.png");
}

.styleIconShorcutAsignacionNumeroTitulo{
  background-image: url("./iconos/resources/menuAccesoRapido/asignacion_numero_titulo.png");
}

.styleIconShorcutLiberarSecuencias{
  background-image: url("./iconos/resources/menuAccesoRapido/liberar_secuencias.png");
}

.styleIconShorcutAsistenciaEstudiantes{
  background-image: url("./iconos/resources/menuAccesoRapido/asistencia_estudiantes.png");
}

.styleIconShorcutAsistenciaInstructores{
  background-image: url("./iconos/resources/menuAccesoRapido/asistencia_instructores.png");
}

.styleIconShorcutPicadasBiometrico{
  background-image: url("./iconos/resources/menuAccesoRapido/picadas_biometrico.png");
}

.derecha {
  float: right;
  padding-right: 30px;
  color: white;
}

.izquierda {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 10px;
}

.separadorBarraAccesosRapidos{
  height: 20px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  margin: 0 15px;
}
/* Fin Accesos rapidos */

/*	FIN ESTILOS SHORCUT BARRA MODULOS */
.bodyKBSLogoImagen {
  font-weight: bold;
  height: 200px;
  width: 295px;
  align: center;
  left: 12%;
  top: 15%;
  border: 0 none;
  position: absolute;
  background: url(imagenes/logos/logoKbs.png);
  font: normal 12px tahoma, arial, verdana, sans-serif;
  background-size: 100% 100%;
  background-position: top left;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

.secondBodyKBSLogoImagen {
  width: 50%;
  font-weight: bold;
  height: 61%;
  align: middle;
  left: 49%;
  top: 15%;
  border: 0 none;
  position: absolute;
  background: url(imagenes/fondos/KBS-ImagenFondo.png);
  font: normal 12px tahoma, arial, verdana, sans-serif;
  background-size: 100% 100%;
  background-position: top left;
  background-repeat: no-repeat;
  background-position: center;
}

#btnCargarOpcionesIni:hover {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.2);
}

.background {
  background-color: #026369;
}

.background:hover {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.2);
}

/* PAGINA PRINCIPAL */
.menuModulosContainer {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  color: #ffffff;
}

.headerMenuModulos {
  height: 55px;
  width: calc(100vw - 80px);
  padding: 10px 20px;
  margin: 30px 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  background: #30aba9;
  color: #ffffff !important;
  background: linear-gradient(
    90deg,
    rgba(48, 171, 169, 1) 0%,
    rgba(1, 98, 104, 1) 100%,
    rgba(237, 221, 83, 1) 100%
  );
  box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.3);
}

#parametrosEmpresa {
  color: #ffffff !important;
}

.cerrarSesionContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 10px;
  border-radius: 10px;
  transition: 0.3s ease, transform 0.3s ease;
}

.cerrarSesionContainer:hover {
  cursor: pointer;
  background-color: rgba(48, 171, 169, 0.2);
}

.iconoCerrarSesion {
  height: 20px;
  width: 20px;
  background-image: url("./imagenes/iconos/iconos-cerrar-sesión.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.cerrarSesionContainer b {
  font-size: 16px;
}

.styleHorizontal {
  width: 100vw;
  max-height: calc(100vh - 75px);
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 10px 50px;
  box-sizing: border-box;
}

/* Ajustes para los ítems individuales */
.styleHorizontal > div {
  flex: 1 1 150px;
  max-width: 200px;
  min-width: 140px;
  height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.desktopicon {
  color: #f1f1f1;
  font-size: 12px;
  text-align: center;
  border-radius: 8px;
  width: 170px;
  height: 200px;
  min-width: 170px;
  min-height: 200px;
  cursor: pointer;
  overflow: hidden;
  transition: background-color 0.25s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* Para visualización inicial */
  transform: scale(1);
  opacity: 1;
}

.desktopicon ::-moz-selection {
  background: transparent;
}
.desktopicon ::selection {
  background: transparent;
}
.desktopicon:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.desktopicon .desktopicon_title .l,
.desktopicon .desktopicon_title .r {
  font-weight: bold;
  color: #646464;
  font-size: 16px;
  margin-top: 10px;
}

.imagenIconDesktop_moAdministracion,
.imagenIconDesktop_moEDoc,
.imagenIconDesktop_moRRHH,
.imagenIconDesktop_moInventario,
.imagenIconDesktop_moAcademico,
.imagenIconDesktop_moMetadata,
.imagenIconDesktop_moVentasOnline,
.imagenIconDesktop_moActivosFijos,
.imagenIconDesktop_moCajaBancos,
.imagenIconDesktop_moComprasImp,
.imagenIconDesktop_moContabilidad,
.imagenIconDesktop_moImpuestos,
.imagenIconDesktop_moPresupuestos,
.imagenIconDesktop_moVentasExp,
.imagenIconDesktop_moProduccion,
.imagenIconDesktop_moCentroCosto {
  height: 140px;
  width: 140px;
  object-fit: contain;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.imagenIconDesktop_moAdministracion {
  background: url("./imagenes/modules/administracion.png");
}

.imagenIconDesktop_moEDoc {
  background: url("./imagenes/modules/edocuments.png");
}

.imagenIconDesktop_moRRHH {
  background: url("./imagenes/modules/rrhh.png");
}

.imagenIconDesktop_moInventario {
  background: url("./imagenes/modules/inventary.png");
}

.imagenIconDesktop_moAcademico {
  background: url("./imagenes/modules/moAcademico.png");
}

.imagenIconDesktop_moMetadata {
  background: url("./imagenes/modules/metadata.png");
}

.imagenIconDesktop_moVentasOnline {
  background: url("./imagenes/modules/paypal.png");
}

.imagenIconDesktop_moActivosFijos {
  background: url("./imagenes/modules/activosFijos.png");
}

.imagenIconDesktop_moCajaBancos {
  background: url("./imagenes/modules/cajaBancos.png");
}

.imagenIconDesktop_moComprasImp {
  background: url("./imagenes/modules/compras.png");
}

.imagenIconDesktop_moContabilidad {
  background: url("./imagenes/modules/contabilidad.png");
}

.imagenIconDesktop_moImpuestos {
  background: url("./imagenes/modules/sri.png");
}

.imagenIconDesktop_moPresupuestos {
  background: url("./imagenes/modules/presupuestos.png");
}

.imagenIconDesktop_moVentasExp {
  background: url("./imagenes/modules/ventas.png");
}

.imagenIconDesktop_moProduccion {
  background: url("./imagenes/modules/produccion.png");
}

.imagenIconDesktop_moCentroCosto {
  background: url("./imagenes/modules/moCentroCosto.png");
}

@media (max-width: 768px) {
  .styleHorizontal > div {
    flex: 1 1 45%;
    max-width: 45%;
  }
}

@media (max-width: 480px) {
  .styleHorizontal > div {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* SISTEMA */
.encabezadoPantallas {
  height: 100%;
  color: #ffffff;
  background: linear-gradient(
    90deg,
    rgba(48, 171, 169, 1) 0%,
    rgba(1, 98, 104, 1) 100%,
    rgba(237, 221, 83, 1) 100%
  );
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
}

.nombreModulo{
  font-size: 30px !important;
}

.nombreModulo,
.informacionEmpresa {
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 1.5em;
  transition: 0.3s ease, transform 0.3s ease;
}

.nombreModulo:hover {
  cursor: pointer;
  background-color: rgba(48, 171, 169, 0.2);
}

.informacionEmpresa:hover {
  cursor: pointer;
  background-color: rgba(1, 98, 104, 0.3);
}

.informacionEmpresa a:hover {
  color: #ffffff !important;
  text-decoration: none;
}

.menuCajaBancosTransacciones {
  color: #026369;
}

/* Agrega esta clase desde Java: itm.addStyleName("kbs-menu-item-lgicon"); */
.kbs-menu-item-lgicon > span {
  position: relative;
  display: block;
  padding-left: 40px;
  min-height: 20px;
  line-height: 20px;
}

.kbs-menu-item-lgicon > span img {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px !important;
  height: 20px !important;
}

.menu-sin-separadores {
  background-image: none;
  background-color: #f0f0f0;
}

.barraOpciones {
  background-color: #e8e8e8;
  width: 100vw;
}

.contenedorBarraOpcionesMenu {
  background-color: transparent !important;
}

.barraOpcionesMenu {
  background-image: none;
}

.barraOpcionesMenu div {
  padding: 5px 8px;
  border-radius: 5px;
  transition: 0.3s ease, transform 0.3s ease;
}

.barraOpcionesMenu div:hover {
  background-color: rgba(48, 171, 169, 0.2);
  cursor: pointer;
}

#btnNuevo *,
#btnEditar *,
#btnEliminar *,
#btnSalir *,
#imprimirBtn-normal *,
#imprimirBtn-dropdown *,
#btnContabilizar *,
#btnAnular *,
#emailBtn *,
#btnGuiaRemision *,
#btnRecargar *,
#btnGuardar *,
#btnImprimir *,
#botonPersonalizado *,
#btnCancelar *,
#btnLimpiar *,
#btnConsultar *,
#btnLiberar *,
#btnDuplicar *,
#btnAprobar *,
#btnGenerar *,
#btnXML *,
#btn107 *,
#btnGenerarAtrasos *,
#btnSincronizar *,
#btnTest *,
#btnSubirAts *,
#btnProbar *,
#btnActas *,
#btnCalcular *,
#btnSeleccionar *,
#btnVisualizar *,
#btnMayorizar *,
#btnDesmayorizar *,
#btnActualizar *,
#btnMapear *,
#btnFinalizar *,
#btnAutorizar *,
#btnExcel *,
#btnEmail *,
#btnComprobar *,
#btnAtras *,
#btnSiguiente *,
#btnDefault *,
#btnEjecutar *,
#btnUbicacion *,
#btnUpload *,
#btnProcesar *,
#btnObtener *,
#btnPagar *,
#btnSRI *,
#btnRetencion *,
#btnTransferir *,
#btnConsumo *,
#btnMedidas *,
#btnCantidades *{
  background-image: none;
}

#btnNuevo,
#btnEditar,
#btnEliminar,
#btnSalir,
#imprimirBtn-normal,
#imprimirBtn-dropdown,
#btnContabilizar,
#btnAnular,
#emailBtn,
#btnGuiaRemision,
#btnRecargar,
#btnGuardar,
#btnImprimir,
#botonPersonalizado,
#btnCancelar,
#btnLimpiar,
#btnConsultar,
#btnLiberar,
#btnDuplicar,
#btnAprobar,
#btnGenerar,
#btnXML,
#btn107,
#btnGenerarAtrasos,
#btnSincronizar,
#btnTest,
#btnSubirAts,
#btnProbar,
#btnActas,
#btnCalcular,
#btnSeleccionar,
#btnVisualizar,
#btnMayorizar,
#btnDesmayorizar,
#btnActualizar,
#btnMapear,
#btnFinalizar,
#btnAutorizar,
#btnExcel,
#btnEmail,
#btnComprobar,
#btnAtras,
#btnSiguiente,
#btnDefault,
#btnEjecutar,
#btnUbicacion,
#btnUpload,
#btnProcesar,
#btnObtener,
#btnPagar,
#btnSRI,
#btnRetencion,
#btnTransferir,
#btnConsumo,
#btnMedidas,
#btnCantidades{
  background-color: transparent;
  font-weight: bold;
  border: #787a7d solid 1px;
  border-radius: 5px;
  height: 24px !important;
  transition: 0.3s ease, transform 0.3s ease;
}


#imprimirBtn-dropdown,
#emailBtn,
#btnAprobar,
#btnTest,
#btnActas,
#btnEmail{
  background-image: url("./iconos/resources/botones/fondo_opcion_multiple.png") ;
  background-repeat: no-repeat;
  background-position: right;
}


#btnNuevo:hover,
#btnEditar:hover,
#btnEliminar:hover,
#btnSalir:hover,
#imprimirBtn:hover,
#imprimirBtn-normal:hover,
#imprimirBtn-dropdown:hover,
#btnContabilizar:hover,
#btnAnular:hover,
#emailBtn:hover,
#btnGuiaRemision:hover,
#btnRecargar:hover,
#btnGuardar:hover,
#btnImprimir:hover,
#botonPersonalizado:hover,
#btnCancelar:hover,
#btnLimpiar:hover,
#btnConsultar:hover,
#btnLiberar:hover,
#btnDuplicar:hover,
#btnAprobar:hover,
#btnGenerar:hover,
#btnXML:hover,
#btn107:hover,
#btnGenerarAtrasos:hover,
#btnSincronizar:hover,
#btnTest:hover,
#btnSubirAts:hover,
#btnProbar:hover,
#btnActas:hover,
#btnCalcular:hover,
#btnSeleccionar:hover,
#btnVisualizar:hover,
#btnMayorizar:hover,
#btnDesmayorizar:hover,
#btnActualizar:hover,
#btnMapear:hover,
#btnFinalizar:hover,
#btnAutorizar:hover,
#btnExcel:hover,
#btnEmail:hover,
#btnComprobar:hover,
#btnAtras:hover,
#btnSiguiente:hover,
#btnDefault:hover,
#btnEjecutar:hover,
#btnUbicacion:hover,
#btnUpload:hover,
#btnProcesar:hover,
#btnObtener:hover,
#btnPagar:hover,
#btnSRI:hover,
#btnRetencion:hover,
#btnTransferir:hover,
#btnConsumo:hover,
#btnMedidas:hover,
#btnCantidades:hover{
  cursor: pointer;
  background-color: rgba(48, 171, 169, 0.5);
  box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.2)
}