/* _content/Blz_RHHumanos/Shared/AlertasyMensajes.razor.rz.scp.css */
body[b-v3l2mc19nn] {
}
.sucess-class[b-v3l2mc19nn] {
  display: inline-block;
  font-size: 38px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50px;
  width: 50px;
  background-image: url('images/ok.png');
  background-position: center center;
}
.info-class[b-v3l2mc19nn] {
  display: inline-block;
  font-size: 38px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50px;
  width: 50px;
  background-image: url('images/info-svgrepo-com.svg');
  background-position: center center;
}
.warning-class[b-v3l2mc19nn] {
  display: inline-block;
  font-size: 38px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50px;
  width: 50px;
  background-image: url('images/warning-alert-svgrepo-com.svg');
  background-position: center center;
}
.stop-class[b-v3l2mc19nn] {
  display: inline-block;
  font-size: 38px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50px;
  width: 50px;
  background-image: url('images/stop-svgrepo-com.svg');
  background-position: center center;
}



/********************************************/
/**************** ESTILOS PARA LAS ALERTAS Y MENSAJES DEL SISTEMA******************************/
/********************************************/
.alert-success[b-v3l2mc19nn] {
  color: #0f5132;
  border-color: #577568;
}

.alert-info[b-v3l2mc19nn] {
  color: #055160;
  background-color: #6dc3d6;
  border-color: #4e767f;
}

.alert-warning[b-v3l2mc19nn] {
  color: #664d03;
  background-color: #f4d589;
  border-color: #8d7222;
}

.alert-danger[b-v3l2mc19nn] {
  color: #842029;
  background-color: #f17883;
  border-color: #8b252f;
}

.alert-primary[b-v3l2mc19nn] {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #2a5188;
}

.alert-success[b-v3l2mc19nn], alert-info[b-v3l2mc19nn],
alert-warning[b-v3l2mc19nn], alert-danger[b-v3l2mc19nn],
alert-primary[b-v3l2mc19nn] {
  height: 200px;
  max-height: 250px;
  overflow: auto;
}

.modal-title[b-v3l2mc19nn] {
  font-style: italic;
}

.modal-header[b-v3l2mc19nn] {
  border-bottom: 3px solid #809ab4;
  padding: 0.3rem 1rem;
}

.mi-modal[b-v3l2mc19nn] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 1s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateY(-80px); /* Mueve el modal hacia arriba para que entre desde fuera de la pantalla */
  background-color: rgba(0, 0, 0, 0.55); /* Fondo semitransparente */
}

.mostrar[b-v3l2mc19nn] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); /* Restaura la posición original del modal */
}

.modal-content[b-v3l2mc19nn] {
  background-color: #e0ecf8;
  border: 3px solid #f6b5ee; /*#585353*/
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.cabecera[b-v3l2mc19nn] {
  background-image: linear-gradient(rgb(139 77 163) 0%, #623e8f 70%);
  color: white;
  border-top-right-radius: 17px;
  border-top-left-radius: 17px;
}
/* _content/Blz_RHHumanos/Shared/btnDeAccion.razor.rz.scp.css */

.btn-accion-style[b-xyri5l9uo9]{
	display: flex;
}

/* Estilos para los botones */
.windows-xp-button[b-xyri5l9uo9] {
	background-color: var(--bs-gray-500); /*#f0f0f0 Color de fondo */
	border: 1px solid #999999; /* Borde */
	padding: 5px 10px; /* Espaciado interno */
	font-family: Arial, sans-serif; /* Fuente */
	float: right;
	font-size: 12px; /* Tamaño de fuente */
	color: #000000; /* Color del texto */
	cursor: pointer; /* Cambio de cursor al pasar por encima */
	display: inline-block; /* Para que los botones se muestren en línea */
	background-repeat: no-repeat;
	background-position: center left;
	border: outset;
	border-top-left-radius: 6px;
	border-top-right-radius: 8px;
}

/* Estilos para los botones deshabilitados */
.windows-xp-button-disabled[b-xyri5l9uo9] {
	background-color: var(--bs-gray-500); /* Color de fondo más claro */
	border: 1px solid #cccccc; /* Borde más claro */
	color: #777777; /* Color del texto más claro */
	cursor: not-allowed; /* Cambio de cursor para indicar que está deshabilitado */
	opacity: 0.6; /* Hacer que se vea un poco traslúcido */
	filter: grayscale(100%); /*Quitar color a los iconos*/
}

#btnNuevo[b-xyri5l9uo9] {
	background-image: url(/images/btns/document_plain.png);
	min-width: 85px;
	text-align: end;
}
#btnSalvar[b-xyri5l9uo9] {
	background-image: url(/images/btns/disk_blue.png);
	min-width: 85px;
	text-align: end;
}
#btnCancel[b-xyri5l9uo9] {
	background-image: url(/images/btns/undo.png);
	min-width: 92px;
	text-align: end;
}
#btnEliminar[b-xyri5l9uo9] {
	background-image: url(/images/btns/delete2.png);
	min-width: 85px;
	text-align: end;
}
#btnImprimir[b-xyri5l9uo9] {
	background-image: url(/images/btns/printer2.png);
	min-width: 85px;
	text-align: end;
}
#btnBuscar[b-xyri5l9uo9] {
	background-image: url(/images/btns/view.png);
	min-width: 85px;
	text-align: end;
}
#btnPrimero[b-xyri5l9uo9] {
	background-image: url(/images/btns/media_beginning.png);
	min-width: 85px;
	text-align: end;
}
#btnAnterior[b-xyri5l9uo9] {
	background-image: url(/images/btns/media_rewind.png);
	min-width: 85px;
	text-align: right;
}
#btnSiguiente[b-xyri5l9uo9] {
	background-image: url(/images/btns/media_fast_forward.png);
	background-position: center right;
	min-width: 92px;
	text-align: left;
}
#btnUltimo[b-xyri5l9uo9] {
	background-image: url(/images/btns/media_end.png);
	background-position: center right;
	min-width: 85px;
	text-align: left;
}
	#btnNuevo:hover[b-xyri5l9uo9], #btnSalvar:hover[b-xyri5l9uo9],
	#btnCancel:hover[b-xyri5l9uo9], #btnEliminar:hover[b-xyri5l9uo9],
	#btnImprimir:hover[b-xyri5l9uo9], #btnBuscar:hover[b-xyri5l9uo9],
	#btnPrimero:hover[b-xyri5l9uo9], #btnAnterior:hover[b-xyri5l9uo9],
	#btnSiguiente:hover[b-xyri5l9uo9], #btnUltimo:hover[b-xyri5l9uo9] {
		background-color: var(--bs-gray-300);
		border-color: var(--bs-warning);
	}
/* _content/Blz_RHHumanos/Shared/GrdConsultas.razor.rz.scp.css */

/********************************************/
/**************** ESTILOS PARA LAS CONSULTAS Y SELECCION DE DATOS ******************************/
/********************************************/

.mi-modal[b-khtib71rz9] {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1055;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 1s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transform: translateY(-80px); /* Mueve el modal hacia arriba para que entre desde fuera de la pantalla */
	background-color: rgba(0, 0, 0, 0.65); /* Fondo semitransparente */
}

.mostrar[b-khtib71rz9] {
	opacity: 1;
	visibility: visible;
	transform: translateY(0); /* Restaura la posición original del modal */
}

.grd-consulta[b-khtib71rz9] {
	border: 2px solid #c7b1d4;
	width: 90%;
	margin: 0 auto;
	height: 300px;
	overflow-x: auto;
}

.grd-Consulta-content[b-khtib71rz9] {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 50%;
	margin: 0 auto;
	pointer-events: auto;
	background-color: #e0ecf8;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	outline: 0;
	border: 3px solid #f6b5ee;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.grd-consulta-cabecera[b-khtib71rz9] {
	color: white;
	font-style: italic;
}

.grd-hidden-column[b-khtib71rz9] {
	display: none;
}

.grd-consulta tbody tr:nth-child(odd)[b-khtib71rz9] {
	background-color: #f2f2f2; /* Color de fondo para filas impares */
}

.grd-consulta tbody tr:nth-child(even)[b-khtib71rz9] {
	background-color: #b6b4bf; /* Color de fondo para filas pares */
}

.grd-consulta tbody tr:hover[b-khtib71rz9] {
	background-color: rgb(166, 133, 211); /* Cambio de color al pasar el cursor sobre las filas */
	color: rgb(83, 37, 133);
}

.table button[b-khtib71rz9] {
	height: 26px;
	width: 26px;
	border-radius: 6px;
	background-color: var(--bs-gray-500); /* Color de fondo del botón */
	background-repeat: no-repeat;
	background-position: center center;
	border: outset !important;
	padding: 5px 10px; /* Espaciado interno */
	cursor: pointer; /* Cambio de cursor al pasar sobre el botón */
	background-image: url(/images/btns/check2.png);
	background-size: cover; /* Ajustar la imagen al tamaño del botón */
	border-left-color: #d5d0d0;
	border-top-color: #d5d0d0;
}

	.table button:hover[b-khtib71rz9] {
		background-color: var(--bs-gray-300);
		border-color: var(--bs-warning) !important;
	}

#MyConsultas .table td[b-khtib71rz9] {
	padding: 0 0.5rem; /* Reducir el padding superior e inferior */
}

#grd-title[b-khtib71rz9] {
	border-top-left-radius: 17px;
	border-top-right-radius: 17px;
}

.btn-close[b-khtib71rz9] {
	width: 0;
	height: 0;
	margin-top: 10px;
	margin-right: 8px;
}

.table-container[b-khtib71rz9] {
	max-height: 295px; /* Ajusta esto según sea necesario */
	overflow-y: auto;
	position: relative;
	width: 1200px;
}

.table[b-khtib71rz9] {
	width: 100%;
	border-collapse: separate;
}

	.table thead[b-khtib71rz9] {
		position: sticky;
		top: 0;
		background-image: linear-gradient(rgb(139 77 163) 0%, #623e8f 70%);
		z-index: 1;
	}

		.table thead th[b-khtib71rz9] {
			 background: inherit; /*Asegura que el fondo se herede */
		}

	.table th[b-khtib71rz9], .table td[b-khtib71rz9] {
		border-right: 1px solid #ddd; /* Opcional: Ajusta el estilo de la frontera */
	}

.filtrar[b-khtib71rz9] {
	background-image: linear-gradient(rgb(251, 251, 251) 0%, rgb(184 179 177) 70%);
	display: flex;
	justify-content: space-between;
	color: #000;
	align-items: center;
}
#txtFiltrar[b-khtib71rz9] {
	padding: .2rem .55rem;
	border: 2px solid #999
}
.btn-undo[b-khtib71rz9] {
	height: 30px;
	width: 35px;
	margin-top: 3px;
	border-radius: 6px;
	margin-right: 0 !important;
	background-color: var(--bs-gray-500);
	background-repeat: no-repeat;
	background-position: center center;
	border: outset;
	background-image: url(/images/btns/undo.png);
	border-left-color: #d5d0d0;
	border-top-color: #d5d0d0;
}

	.btn-undo:hover[b-khtib71rz9] {
		background-color: var(--bs-gray-300);
		border-color: var(--bs-warning);
	}

#fltCampos[b-khtib71rz9] {
	width: 200px;
	padding: .2rem .55rem;
	min-height: 29px;
	border-radius: 7px;
	border: 2px solid #999;
}
/* _content/Blz_RHHumanos/Shared/MainLayout.razor.rz.scp.css */

/* Estilos del men� */
.menu[b-prf4w4au9m] {
  display: flex;
  justify-content: flex-start;
  background-color: var(--mnu-background-color);
  color: var(--mnu-color-texto);
  padding: 10px;
  min-width: 600px;
  font-weight: bold;
  border-radius: 2%;
  letter-spacing: 2px;
}

.menu-item[b-prf4w4au9m] {
  position: relative; /* Para posicionar los sub�tems relativos al men� padre */
  cursor: pointer;
  margin-right: 4px;
  border: 1px solid var(--border-menu-item); /*silver*/
  padding: 0 10px;
}

.menu-options[b-prf4w4au9m] {
  position: absolute;
  top: 108%;
  left: 0;
  background-color: var(--sub-menu-background-color); /*#672783*/
  padding: 10px;
  transition: opacity 0.6s ease, visibility 0.6s ease; /* Agrega una transici�n de 0.3 segundos para la opacidad y la visibilidad */
  opacity: 0; /*Inicialmente establece la opacidad en 0 para que el submen� est� oculto */
  visibility: hidden; /*Inicialmente oculta el submen� */
  width: auto; /* Establece el ancho del submen� para que se ajuste autom�ticamente al contenido */
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.menu-item:hover .menu-options[b-prf4w4au9m] {
  opacity: 1; /* Cambia la opacidad a 1 cuando se hace hover para mostrar el submen� */
  visibility: visible; /* Cambia la visibilidad a visible cuando se hace hover para mostrar el submen� */
}

.submenu[b-prf4w4au9m] {
}

  .submenu:hover .submnu__option[b-prf4w4au9m] {
    opacity: 1; /* Hace visible el submen� */
    visibility: visible; /* Cambia la visibilidad a visible cuando se hace hover para mostrar el submen� */
  }

.submnu__option[b-prf4w4au9m] {
  position: absolute; /* Posici�n absoluta para mostrarlo en la misma altura que el padre */
  *top: 0;
  left: 99.3%; /* Desplazamiento para colocarlo a la derecha */
  background-color: var(--sub-menu-background-color); /* Fondo blanco para el submen� */
  border: 1px solid #ddd; /* Borde opcional para submen� */
  padding: 10px;
  min-width: 200px; /* Ancho m�nimo del submen� */
  box-shadow: 4px 5px 8px rgb(44 44 44 / 67%); /* Sombra para dar profundidad */
  border-left: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  z-index: 100; /* Asegura que est� encima de otros elementos */
  transition: opacity 0.6s ease, visibility 0.6s ease; /* Agrega una transici�n de 0.3 segundos para la opacidad y la visibilidad */
  opacity: 0; /* Inicialmente establece la opacidad en 0 para que el submen� est� oculto */
  visibility: hidden; /* Inicialmente oculta el submen� */
  border-left: 1px solid #ffaeea8f;
}

.mnu-desplegable.active + .submnu__option[b-prf4w4au9m] {
  opacity: 1; /* Hace visible el submen� */
  visibility: visible; /* Cambia la visibilidad a visible cuando se hace hover para mostrar el submen� */
}

.icono-desplegable[b-prf4w4au9m] {
  width: 12px; /* Ajusta el tama�o seg�n tus necesidades */
  height: 12px;
  position: relative;
  right: -10px; /* Distancia del icono respecto al borde derecho */
  transform: translateY(45%); /* Centra el icono verticalmente en el medio del texto */
}

.sub-menu-separador[b-prf4w4au9m] {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid var(--separador-color);
}

.mnu-retornar[b-prf4w4au9m] {
  position: relative;
  top: 15%;
  width: 24px; /* Ajusta el tama�o */
  height: 24px;
  margin-right: 8px; /* Espacio entre la imagen y el texto */
  /* vertical-align: middle;  Alinea la imagen con el texto */
}

.page[b-prf4w4au9m] {
  position: relative;
  display: flex;
  flex-direction: column;
}

main[b-prf4w4au9m] {
  flex: 1;
}

.sidebar[b-prf4w4au9m] {
  background-image: linear-gradient(rgb(112 40 140) 0%, #764aae 70%);
}

.top-row[b-prf4w4au9m] {
  background-color: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid #d6d5d5;
  height: 3.5rem;
  display: flex;
  align-items: center;
}

  .top-row[b-prf4w4au9m]  a, .top-row .btn-link[b-prf4w4au9m] {
    white-space: nowrap;
    margin-left: 1.5rem;
  }

  .top-row a:first-child[b-prf4w4au9m] {
    overflow: hidden;
    text-overflow: ellipsis;
  }

@media (max-width: 640.98px) {
  .top-row:not(.auth)[b-prf4w4au9m] {
    display: none;
  }

  .top-row.auth[b-prf4w4au9m] {
    justify-content: space-between;
  }

  .top-row a[b-prf4w4au9m], .top-row .btn-link[b-prf4w4au9m] {
    margin-left: 0;
  }
}

@media (min-width: 641px) {
  .page[b-prf4w4au9m] {
    flex-direction: row;
  }

  .sidebar[b-prf4w4au9m] {
    width: 250px;
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .top-row[b-prf4w4au9m] {
    position: sticky;
    top: 0;
    z-index: 1;
  }

  .top-row[b-prf4w4au9m], article[b-prf4w4au9m] {
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
  }
}
/* _content/Blz_RHHumanos/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-xw6wsb0noh] {
  background-color: rgba(50 131 56 / 89%);
}

.top-row[b-xw6wsb0noh] {
  height: 3.5rem;
  background-color: rgba(0, 0, 0, 0.4);
}

.navbar-brand[b-xw6wsb0noh] {
  font-size: 1.1rem;
}

.oi[b-xw6wsb0noh] {
  width: 2rem;
  font-size: 1.1rem;
  vertical-align: text-top;
  top: -2px;
}

.nav-item[b-xw6wsb0noh] {
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
}

  .nav-item:first-of-type[b-xw6wsb0noh] {
    padding-top: 1rem;
  }

  .nav-item:last-of-type[b-xw6wsb0noh] {
    padding-bottom: 1rem;
  }

  .nav-item[b-xw6wsb0noh]  a {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
  }

    .nav-item[b-xw6wsb0noh]  a.active {
      background-color: rgba(255,255,255,0.25);
      color: white;
    }

    .nav-item[b-xw6wsb0noh]  a:hover {
      background-color: rgba(255,255,255,0.1);
      color: white;
    }

.imagen-container[b-xw6wsb0noh] {
  width: 250px;
  height: 233px;
  overflow: hidden;
  display: flex;
  align-items: center;
  align-content: center !important;
  border: 9px solid #caa4fd;
  border-radius: 50%;
}
  /* Estilo para la imagen dentro del contenedor */
  .imagen-container img[b-xw6wsb0noh] {
    width: 100%; /* Para que la imagen ocupe todo el ancho del div */
    height: 100%; /* Para mantener la proporci�n de la imagen */
  }


@media (min-width: 641px) {
  .navbar-toggler[b-xw6wsb0noh] {
    display: none;
  }

  .collapse[b-xw6wsb0noh] {
    /* Never collapse the sidebar for wide screens */
    display: block;
  }

  .nav-scrollable[b-xw6wsb0noh] {
    /* Allow sidebar to scroll for tall menus */
    height: calc(100vh - 3.5rem);
    overflow-y: auto;
  }


  .menu[b-xw6wsb0noh] {
    margin-left: auto;
  }
}
/* _content/Blz_RHHumanos/Shared/Questions.razor.rz.scp.css */
body[b-k6bonchit4] {
}


.mi-modal[b-k6bonchit4] {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1055;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 1s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transform: translateY(-80px); /* Mueve el modal hacia arriba para que entre desde fuera de la pantalla */
	background-color: rgba(0, 0, 0, 0.55); /* Fondo semitransparente */
}

.mostrar[b-k6bonchit4] {
	opacity: 1;
	visibility: visible;
	transform: translateY(0); /* Restaura la posición original del modal */
}

.modal-content[b-k6bonchit4] {
	background-color: #e0ecf8;
	border: 3px solid #f6b5ee; /*#585353*/
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.cabecera[b-k6bonchit4] {
	background-image: linear-gradient(rgb(139 77 163) 0%, #623e8f 70%);
	color: white;
	border-top-right-radius: 17px;
	border-top-left-radius: 17px;
}

.question-class[b-k6bonchit4] {
	display: inline-block;
	font-size: 38px;
	background-repeat: no-repeat;
	background-size: cover;
	height: 50px;
	width: 50px;
	background-image: url('images/question-svgrepo-com.svg');
	background-position: center center;
}