@charset "utf-8";
/*CONTENEDOR BODY*/
body{
	padding: 0px;
	margin: 0px;
	/*background-color: rgb(235, 241, 253);
	font-family: sans-serif;*/
	background-color: whitesmoke;
	
	font-family: sans-serif;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/*REDUCIMOS ESPACIOS ENTRE HR*/
hr{ 
    margin: 1px 0px;
	background-color: #0b1829;	
}
/*contenedor prinicpal del inicio de sesion*/
.contenedorInicio{
	display: flex;
  	justify-content: center;
  	align-items: center;
	text-align: center;
	flex-direction: column;
	height: 100vh;

	background-image:linear-gradient(
		0deg,
		rgba(0, 0, 0,0.8),
		rgba(0, 0, 0,0.8)
	)
	,url("fondo2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color:#041e2e;*/
}
/*contenedor del formulario del inicio de sesion*/
.contienenInicio{
	width: 25%;
	background-color: #1e88e5;
	box-shadow: 0px 0px 3px #1e88e5;
	border-radius: 6px;
}
/*logo del encabezado de inicio de sesion*/
.logo_inicio{
	width: 30%;
	margin-bottom: -30px;
	margin-top: 20px;
}
/*formulario del inicio de sesion*/
.formInicio{
	width: 100%;
	background-color: #ffffff;
    border-radius: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	padding-top: 70px;
	padding-bottom: 50px;
    color: red;
	margin-bottom: 5px;
}
/*cajas de texto del formulario de inicio de sesion*/
.inputformInicio{
	width: 100%;
	border: none;
	border-bottom: solid 1px #041e2e;
	text-align: center;
	border-radius: 0px; 
	padding:10px 15px 5px 15px;
	outline: none;
	color: #041e2e;
	font-size: 15px;
	margin-left: 15px;
	background-color: transparent;
	font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size: large;
}
/*etiquetas de la cajas de texto del formulario de inicio de sesion*/
.LabelInput img{
	width: 85%;
}
/*boton del formulario para inicio de sesion*/
.Aceptar{
	border: none;
	border-radius: 6px;	
	padding: 6px 10px;
	color: #c7fcdd;
	background-color: #041e2e;
	cursor: pointer;
	font-size: large;
	margin: 50px 0px 0px 0px;
}
.Aceptar:hover{
	color: white;
	background-color: #112735;
	
}




.buscador{
	width: 50%;
	margin: auto;
	background-color: white;
	border: 0px solid  #7abcfa;
	box-shadow: 0px 0px 5px #4f769b;
	padding: 10px;
	border-radius: 6px;
	color: #04375e;
	font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size:x-large;
	
}
.buscador .inputformInicio{
	width: 100%;
	border: none;
	border-bottom: solid 1px #019b22;
	text-align: center;
	border-radius: 0px; 
	padding:5px;
	outline: none;
	color: rgb(8, 37, 82);
	background-color: transparent;
	font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.contendorInput{
	width: 80%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

/*contenedor principal*/
.contenedorPrincipal{
	display: flex;
	justify-content:space-between;
	text-align: center;
}
.izquierdaMenu{
	text-align: center;
	background-color: #3b4c5a;
    width: 20%;
	height: 91vh;
    box-shadow: 0px 2px 6px #1d1e1f;
}
.derechaContenido{
    width: 80%;
    padding: 5px 0px 2px 5px;
}
.contenedorSaludo{
	width: 25%;
	background-color: rgba(33, 55, 65, 0.9);
    box-shadow: 0px 0px 4px #ffffff;
    border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	padding: 15px ;
	padding-top: 30px;
	padding-top: 30px;
    color: white;
}




/*ENCABEZADO*/
.encabezado{
	background-color: #1c4866;
    width: 100%;
    padding: 0px 0px;
    box-shadow: 0px 1px 3px #263238;
	height: 9vh;
	display: flex;
	align-items: center;
}
.encabezadoDetalles{
	padding: 1px 0px;
	display: flex;
	align-items: center;
	justify-content:space-between;
	text-align: center;
	flex-direction: row;
	width: 80%;
    margin: auto;
	font-family:'Hanging Letters';
	color: white;
    font-size:xx-large;
}
.logo{
	width: 6%;
}
.logo2{
	width: 450px;
}
.logo3{
	width: 25%;
}
.cerrarSesion{
	width: 4%;
	height: 4%;
    border-radius: 6%;
    padding: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.cerrarSesion img{
    border-radius: 50%;
}
.cerrarSesion:hover{
    background-color: #e0e0e0;
    cursor: pointer;
}
.cerrarSesion img{
    width: 80%;
}
/*CONTENEDOR DEL MENU izquierdo*/

.contenedorItemsDetalles{
    width: 100%;
    margin:auto;
    box-shadow: 0px 1px 1px #78909c; 
    cursor: pointer;
}
.contenedorItemsDetalles a{
	display: flex;
	align-items: center;
	justify-content:space-between;
	text-align: center;
	flex-direction: row; 
	color: white;
	padding: 5px 20px;
	width: 60%;
	margin: auto;
}
.contenedorItemsDetalles:hover, a:hover{
    background-color: #dfe8ee;

	color: #111a1f;
}
.iconos{
    width: 10%;
}

/*BOTONES GENERALES*/
.agregar{
	border: none;
	border-radius: 6px;	
	padding: 5px;
	cursor: pointer;
	background-color: #19a152;
	color: white;
	margin-left: 15px;
	outline: none;
}
.agregar:hover{
	color: white;
	background-color: #56c283;
}
.modificaProducto{
	border: 1px solid transparent;
	background-color: transparent;
	outline: none;
	color: #225078;
	padding: 2px;
}
.modificaProducto:hover{
	border: 1px solid #bb0707;
	border-radius: 6px;	
	padding: 2px;
	cursor: pointer;
}
.reiniciar{
	border: none;
	border-radius: 6px;	
	padding: 5px 10px;
	color: white;
	border:solid 1px red;
	background-color: rgb(168, 18, 18);
	cursor: pointer;
	font-size: small;
	margin-left: 15px;
}
.reiniciar:hover{
	color: white;
	background-color: red;
}

.cancelar{
	border: none;
	border-radius: 6px;	
	padding: 5px 10px;
	color: white;
	border:solid 1px red;
	background-color: red;
	cursor: pointer;
	font-size: small;
}
.cancelar:hover{
	color: white;
	background-color: rgb(255, 50, 50);
	
}
.limpiarVale{
	border:none;
	border-radius: 6px;	
	padding: 5px;
	color: white;
	background-color: #1e88e5;
	cursor: pointer;
	font-size: small;
}
.limpiarVale:hover{
	color: white;
	background-color: #56a2e4;
	
}
.RegresarMenu{
	width: 2%;
	border-radius: 6px;
    padding:4px;
	cursor: pointer;
	margin-left: 15px;
	margin-right: 5px;
	border:none;
	background-color: red;
	color: white;
	display: flex;
	justify-content:center;
	align-items: center;
}
.RegresarMenu:hover{
	background: #eeeeee;
	color: red;
}
.modificar{
	width: 25px;
	height: 25px;
	border: none;
	cursor: pointer;
	background-image:url("../imagenes/actualizar.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0px;
	padding: 0px;
	
}

.inicio{
	width: 30px;
	height: 30px;
	border: 1px solid white;
	background-color: white;
	cursor: pointer;
	background-image:url("../imagenes/volver.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-left: 15px;
	margin-right: 10px;
	border-radius: 50%;
}
.on_off{
	width: 25px;
	height: 25px;
	border: none;
	cursor: pointer;
	background-image:url("../imagenes/onoff.gif");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-left: 5px;
}
.visualizar{
	border: none;
	cursor: pointer;
	background-color: transparent;
	color: #225078;
	width: 100%;
}
.visualizar:hover{
	color: #bb0707;
}
.siguiente_opcion{
	border: none;
	cursor: pointer;
	background-color: #1466c3;
	color: white;
	padding: 6px 15px;
	border-radius: 6px;
	box-shadow: 0px 1px 5px #265179;
	font-size: 12px;
	outline: none;
}
.anterior_opcion{
	border: none;
	cursor: pointer;
	background-color: transparent;
	color: #0d2841;
	padding: 6px 15px;
	border-radius: 6px;
	box-shadow: 0px 1px 5px #265179;
	margin-right: 15px;
	font-size: 12px;
}
.anterior_opcion:hover{
	color: red;
}
.eliminar{
	width: 25px;
	height: 25px;
	border: none;
	cursor: pointer;
	background-image:url("../imagenes/eliminar.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-left: 5px;
	
}
.inputformGeneral {
    width: calc(100%); /* Ajusta el ancho para dejar espacio entre los inputs */
    border: solid 1px #d4d4d4;
    border-radius: 6px;
    padding: 5px 10px;
    outline: none;
    color: #798991;
    font-size: 13px;
    margin-bottom: 15px;
    background-color: transparent;
    margin: 5px; /* Espacio alrededor del input */
    box-sizing: border-box; /* Asegura que padding y borde se incluyan en el width */
}


.inputformGeneral:focus{
	border: solid 1px #86b2e4;
}
.inputformGeneral:disabled{
	background-color:#deecfd;
}
.agregar:disabled{
	border: solid 1px #a7c3e4;
}


/*CONTENEDOR DE LOS MODULOS*/
.contenedorDetalles{
	width: 95%;
	margin: auto;
	padding-top: 1px;
	text-align: center;
	max-height: 500px;
	overflow: auto;
}
.opciones{
	width: 97%;
	display: flex;
	justify-content:space-between;
	align-items: center;
	text-align: center;
	padding: 6px 0px;
	box-shadow: 0px 1px 3px #263238;
	margin: auto;
	font-size: larger;
	background-color: #eafaf1;
}
.opciones input{
	border: none;
	border-radius: 6px;	
	padding: 5px;
	cursor: pointer;
	background-color: #108f45;
	color: white;
	margin-left: 15px;
	outline: none;
	font-weight:bold;
}
.botones_menu{
	width: 100%;
	display: flex;
	justify-content:right;
	align-items: center;
	text-align: center;
	
}
.fieldsetResultados{
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
	background-color: white;
	border: 1px solid  #c5cdd3;
	color: #021a30;
}




.pocaExistencia{
	width: 40%;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
	background-color: white;
	border: 1px solid  #c5cdd3;
	color: #225078;
}
.textoEncabezadosFieldset{
	color: #04375e;
	font-weight: bold;
}
.fieldsetResultadosProductos{
	width: 49%;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: solid 1px #e0e1e2;
	border-radius: 6px;
	color: #050505;
}

/*DISEÑO DE LA TABLA DE LOS RESULTADOS*/
.tablaUltimosRegistros{
	width: 96%;
	border-collapse: collapse;
	margin: 15px auto;
	font-size: small;
}
.tablaUltimosRegistros th{
	background-color: #607d8b;
	padding: 5px 0px;
	border-bottom: solid 1px rgba(0, 15, 65, 0.28);
	border: solid 1px white;
	/*color: #021a30;*/
	color: white;
}

.tablaUltimosRegistros td{
	padding: 3px 0px;
	text-align: center;
	margin: auto;
	border: solid 1px white;
}
.tablaUltimosRegistros .tr:nth-child(odd){
	background-color: #fafafa   ;
	border-bottom: 1px solid rgba(0, 65, 65, 0.1);
	padding: 0px 0px;
	text-align: center;
}
.tablaUltimosRegistros .tr:nth-child(even){
	background-color: #eceff1  ;
	border-bottom: 1px solid  rgba(0, 65, 65, 0.1);
	padding: 0px 0px;
	text-align: center;
}
/*.fieldsetResultados .tablaUltimosRegistros .tr:nth-child(even):hover {
	background-color: #cfd8dc ;
}
.fieldsetResultados .tablaUltimosRegistros  .tr:nth-child(odd):hover{
	background-color: #cfd8dc ;
}*/

.modal{
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
  	bottom: -100vh;
  	left: 0;
  	height: 100vh;
  	width: 100vw;
  	transition: all .5s;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.tituloModal{
	width: 100%;
	margin: auto;
	display: flex;
	justify-content:space-between;
	align-items: center;
	padding: 3px 0px;
	background-color: #155db1;
	box-shadow: 0px 1px 3px #263238;
	border-radius: 6px 6px 0px 0px;
	margin-bottom: 15px;
}
.tituloModal p{
	color: white;
	width: 70%;
	margin-left: 15px;
	padding: 3px;
	margin: 0px;
	margin-left: 25px;
}
.tituloModal form .RegresarMenu{
	margin-right: 0px;
	padding: 4px 12px;
	margin-left: 0px;
	font-size: 12px;

}
.contenedorModal form{
	width: 90%;
	margin:auto;
	margin-bottom: 15px;
	color: #14283a;

}
.tituloModal .RegresarMenu{
	margin-right: 7px;
	padding: 4px 6.5px;
	margin-left: 0px;
	font-size: 12px;

}
.contenedorModal{
	width: 50%;
	background-color: white;
	border-radius: 6px;
	color: rgb(24, 75, 34);
	text-align: left;
	box-shadow: 0px 0px 3px #15181a;
	max-height: 100vh;
	overflow: auto;
}
.contenedorModalMensaje{
	background-color: white;
	border-radius: 6px;
	padding:15px 10px;
	color: rgb(129, 127, 127);
	box-shadow: 0px 0px 3px #15181a;
	text-align:center;
}

.iconoExitoError{
	width: 20px;
	padding-right: 40px;
}
.contenedorModalNotificacion{
	background-color: white;
	padding: 10px;
	padding-bottom: 20px;
	color: #737373;
	box-shadow: 0px 0px 6px #15181a;
	text-align:center;
	width: 25%;
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
	font-family: 'Times New Roman';

}
#Impresion{
	display: none;
}

#pestanas {
	font-family: sans-serif;

}

#pestanas ul{
    margin-left: -40px;    
}

#pestanas li{
    list-style-type: none;
    float: left;
    text-align: center;
    margin: 0px 2px -2px -0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 4px 20px;
}

#pestanas a:link{
    text-decoration: none;
    color:blanchedalmond;
}
#pestanas li:hover, #pestanas a:hover{
	background-color: #2a5563;
}

#contenidopestanas{
    clear: both;  
    padding: 20px 0px;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border: 1px solid rgb(165, 164, 163);
    width: 100%;
	display: flex;
  	justify-content: center;
  	align-items: center;
	text-align: center;
}
.fieldsetResultados_formulario{
	width: 95%;
	border: 1px solid  #bac6cf;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-size:15px;
	margin: auto;
	text-align: left;
	padding: 25px 10px;
}
.fieldsetResultados_formulario legend{
	color: #1e64a5;
	font-weight: bold;
}
.fieldsetResultados_formulario .inputformGeneral{
	text-transform: uppercase;
}



@media(max-width: 768px) {
	.contienenInicio{
		width: 95%;
	}
    .contenedorMenuPrincipal{
        width: 90%;
    }
	.encabezado{
		flex-direction: row;
		font-size:x-large;
	}
	.logo{
		display: none;
	}
	.logo2{
		width: 50%;
	}
	.logo3{
		width: 70%;
	}
	.fieldsetResultados{
		font-size:small;
		flex-direction: column;
	}
	.tablaUltimosRegistros{
		font-size: 8px;
	}
	.pocaExistencia{
		width: 90%;
		
	}
	.fieldsetResultadosProductos{
		width: 98%;
	}
	.cerrarSesion{
		margin-left: 15%;
		width: 7%;
	}
	.cerrarSesion img{
		width: 100%;
	}
	.contenedorDetalles{
		width: 98%;
	}
	.contenedorModal{
		width: 80%;
	}
	.contenedorModalMensaje{
		width:50%; 
	}
	.contenedorModalNotificacion{
		width: 50%;
	}
	.agregar, .reiniciar, .cancelar{
		font-size: 10px;
		margin-left: 5px;
	}
	.iconos{
		display: none;
	}
	.contenedorItemsDetalles a{
		padding: 10px 2px;
		font-size: 10px;
	}
	.RegresarMenu{
		width: 2%;
		border-radius: 6px;
		padding:1px 6px;
	}
	.contenedorSaludo{
		width: 80%;
	}
	.buscador{
		width: 90%;
		font-size:large;
		
	}
	
}
@media print {
	#Impresion{
		display:block;
	}
	.izquierdaMenu{
		display:none;
	}
	.encabezado{
		display:none;
	}
	.opciones{
		display:none;
	}
	.derechaContenido{
		width: 100%;
		padding: 5px 0px 2px 5px;
	}
	.contenedorDetalles{
		width: 98%;
		margin: auto;
		padding-top: 10px;
		text-align: center;
		max-height: 100%;
		overflow: auto;
	}
	.cancelar{
		display:none;
	}
	.fieldsetResultados .tablaUltimosRegistros{
		font-size: 11px;
	}
	
 }