@charset "utf-8";
/* CSS Document */

.recordar {
	width:800px;
	float:left;
	/*margin-top:20px;
	margin-left:100px;
	margin-bottom:30px;*/
}

.recordar input[type="checkbox"] {
	float:left;
	width:25px;
	height:25px;
	margin-right:10px;
}

.textorecordar
{
	color: #7777777;
	/*font-size: 12px;*/
	width: 100px;
	float:left;
	margin-top: 3px;
}

/*FORMATO PARA TODOS*/
body {
	font-family:Verdana, Geneva, sans-serif;
}

/*CAMBIAR EL COLOR DEL PLACEHOLDER*/
::-webkit-input-placeholder { /* Edge */
  color:#AAAAAA;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#AAAAAA;
}

::placeholder {
  color:#AAAAAA;
}

/*ESTILO PARA LOS CHECKBOX*/
.contenedor input[type="checkbox"] {
	display:block;
	float:left;
	width:80px;
	height:80px;
	margin-right:15px;
}

/*ALTURA SELECT*/
select {
	height:77.5px !important;
}

/*OCULTAR INPUT FILE*/
input[type="file"] {
	display:none;
}

/*OCULTAR LAS FLECHAS DEL INPUT NUMBER*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.contenedor {
	margin-right: auto;
	margin-left: auto;
	float:none;
	font-family:Verdana, Geneva, sans-serif;
	color: #777;
	font-weight: normal;
	height:auto;
	margin-top:30px;
	position:relative;
	width:940px;
}

.seccion_header, .seccion_footer {
	clear:both;
	margin-bottom:60px;
	display:block;
}

.seccion_footer img {
	/*float:left;
	width:215px;
	margin-left:20px;*/
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	display:block;
	margin-bottom: 50px;
}

.campanita {
	position:absolute;
	left:10px;
	width:100px;
	top:25px;
	cursor:pointer;
}

.icono_volver {
	position:absolute;
	left:10px;
	width:150px;
	top:0px;
	cursor:pointer;
}

.logo {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	display:block;
}

.boton_desconect {
	position:absolute;
	left:770px;
	width:150px;
	top:0px;
	cursor:pointer;
}

.borde {
	float:left;
	border-radius:20px;
	box-shadow: 5px 10px 8px #888888;
	margin-left:5px;
	margin-right:5px;
	padding:5px;
	height:300px;
	position:relative;
	margin-bottom:30px;
}

.borde_color1 {
	/*VERDE*/
	border:5px solid #78B67B;
}

.borde_color2 {
	/*NARANJA*/
	border:5px solid #C90;
}

.borde_color3 {
	/*AZUL CLARO*/
	border:5px solid #9CF;
}

.borde_color4 {
	/*GRIS*/
	border:5px solid #555;
}

.borde_color5 {
	/*PURPURA*/
	border:5px solid #969;
}

.borde_color6 {
	/*AZUL OSCURO*/
	border:5px solid #039;
}

.borde_color6 {
	/*VERDE VIVO*/
	border:5px solid #090;
}

.borde img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	cursor:pointer;
}

.tam_iconos {
	width:173px;
}

.texto_accesos {
	font-size:30px;
	font-weight:700;
	position:absolute;
	bottom:10px;
	width:inherit;
	text-align:center;
}

.texto_accesos_der {
	font-size:30px;
	font-weight:700;
	padding-top:100px;
}

/*FRANJA NARANJA IZQUIERDA*/
.linnaranja {
	border-left: 10px solid #ff560b;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

/*BORDE DEL AREA*/
.area {
	width: 910px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	margin-left: auto;
	margin-right: auto;
	color: #777;
	font-size: 35px;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
	border: 2px solid grey;
	margin-top:30px;
}

/*BOTONES DE ARCHIVO*/
.boton_archivo {
	width:100px;
	display:block;
	float:left;
	margin:20px 0 20px 100px;
}

.boton_archivo_uno {
	width:100px;
	display:block;
	margin:20px auto 20px auto;
}

/*LISTADO DE TABLA*/
.tabla_lista {
	/*overflow:scroll;*/
	width:inherit;
	float:left;
}

.tabla_lista table {
	width: inherit;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size:28px;
}

/*PARA LAS IMAGENES DE UNA TABLA*/
.img_tabla {
	width:50px;
	float:left;
	margin-left:15px;
	/*margin-top:10px;
	margin-bottom:10px;*/
}

/*FORMATO DE LOS INPUTS*/
.boton_aceptar {
	background-color: #042932;
	color: white;
	height: 80px;
	line-height: 80px;
	width: 440px;
	border-top: 1px solid #000048;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000048;
	cursor: pointer;
	border-radius: 2px;
	font-size: 35px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.label_linea, .label_mitad, .checkbox_linea {
	display:block;
}

.label_linea, .select_multiple, .checkbox_linea {
	margin-top:20px;
	width:850px;
	margin-left:auto;
	margin-right:auto;
}

/*ESTILO PARA EL CONTENIDO DE LOS LOS CHECKBOX*/
.checkbox_linea {
	line-height:80px;
	margin-bottom: 40px;
	font-size:28px;
}

.label_mitad {
	width:390px;
	float:left;
}

.input_linea, .input_mitad, .input_textarea, .select_multiple {
	font-size: 38px;
	padding: 3px;
	/*margin: 2px 0 5px 0;*/
	background: #fbfbfb;
	border: 1px solid #dddddd;
	margin-top: 20px;
	margin-bottom: 40px;
}

.input_linea, .input_mitad {
	height: 70px;
}

.select_multiple {
	height:200px;
}

.input_textarea {
	height:300px;
	resize:none;
	font-family:Arial, Helvetica, sans-serif;
}

.input_linea, .input_textarea {
	width: 840px;
}

.input_mitad {
	width: 380px;
}

input[type="number"] {
	text-align:right;
}

.flotar_derecha {
	float:right;
}

/*ALTURA DE LOS TEXTAREAS*/
textarea {
	height:500px;
}

/*QUITAR ESTILO PREDEFINIDOS DE LOS BOTONES EN IOS*/
input[type="button"], input[type="submit"] {
	-webkit-appearance:none;
	-moz-appearance:none;
}

/*MSG DE ERROR EN LA PANTALLA*/
.msg_error {
	float:left;
}

/*TABLA DE LOS ARTÍCULOS EN COMPRAS Y DE LA PANTALLA PROCESOS*/
.tabla_calculo, .tabla_add_linea_proceso, .tabla_sin_formato {
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:inherit;
	border-collapse: collapse;
	margin-top:30px;
	/*width:880px;*/
}

.tabla_sin_formato td {
	padding-top:5px;
	padding-bottom:5px;
}

.tabla_calculo td, .tabla_calculo th, .tabla_add_linea_proceso td, .tabla_add_linea_proceso th {
	border-bottom: 1pt solid #CCC;
	padding-top:10px;
	padding-left:10px;
}

.tabla_calculo th, .tabla_add_linea_proceso th {
	text-align:left;
	font-weight:700;
	/*font-size:24px;*/
	font-size:20px;
	color:#000;
}

.tabla_calculo td, .tabla_add_linea_proceso td {
	/*font-size:20px;
	color:#000;*/
	/*font-size:24px;*/
	font-size:20px;
	font-weight:700;
	color:#777777;
	font-family:Arial, Helvetica, sans-serif;
}

.tabla_calculo input, .tabla_add_linea_proceso input {
	border:none;
	/*font-size:24px !important;*/
	font-size:20px !important;
	font-weight:700;
	color:#777777;
}

.tabla_calculo .encabezado_tabla {
	text-align:center;
	color:#ffffff;
	background:#042932;
	padding:5px;
}

.tabla_add_linea_proceso .input_con_borde {
	border:2px inset #767676;
}

.tabla_add_linea_proceso input {
	text-align:left !important;
	border-radius:0px !important;
}

.tabla_calculo input {
	text-align:right;
}

/*ENLACES EN LOS NOMBRES (ARCHIVO)*/
.enlace_archivo:link, .enlace_archivo:visited {
	text-decoration:none;
	color:#808080;
}

.enlace_archivo:hover {
	text-decoration:none;
	color:#999999;
}

/*ENCABEZADOS PÁRRAFOS*/
.enc1 {
	font-size:40px;
	text-align:center;
	line-height:88px;
}

.enc2 {
	font-size:25px;
	text-align:center;
	line-height:35px;
}



/*TEXTO DE LA SWEETALERT*/
.swal_texto1 {
	font-weight:700;
	font-size:35px;
	/*line-height:65px;*/
}

.swal_texto2 {
	font-weight:700;
	font-size:32px;
	/*line-height:65px;*/
}

.swal_texto3 {
	font-weight:700;
	font-size:22px;
	/*line-height:35px;*/
}

/*TABLA DE LA SWEETALERT*/
.swal_listado {
	width:inherit;
	font-weight:normal;
	margin-left:auto;
	margin-right:auto;
	font-size:28px;
}

.swal_listado td, .swal_listado th {
	padding:10px;
}

.swal_listado td {
	text-align:left;
}

.swal_aceptar, .swal_cancelar {
	font-size:40px;
	width:350px;
	padding: 10px 32px 10px 32px;
	margin-top:20px;
	color:#ffffff;
	font-weight:700;
	border-radius:3px;
	border:none;
	display:block;
}

.swal_aceptar_cancelar {
	float:left;
	margin-left:70px;
}

.centrar {
	clear:both;
	margin-left:auto;
	margin-right:auto;
}

.swal_aceptar {
	background:#2b78c1;
}

.swal_cancelar {
	background:#999999;
}

.etiqueta_centrado {
	text-align:center;
	font-size:28px;
}

.boton_linea, .boton_add {
	font-family:Verdana, Geneva, sans-serif;
	margin-left:auto;
	margin-right:auto;
	font-weight:700;
	text-align:center;
	color:#FFF;
	border-radius:20px;
	border:none;
	display:block;
}

.boton_linea {
	width:800px;
	font-size:28px;
	margin-top:40px;
	line-height:48px;
}

/*ESTILO DEL BOTÓN AÑADIR EN LA PANTALLA PROCESOS*/
.boton_add {
	background:#0099ff;
	margin-top:0px;
	font-size:25px;
	width:300px;
	line-height:40px;
}

.tabla_compra, .tabla_consulta {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:10px;
	padding-left:10px;
}

.tabla_compra label, .tabla_consulta label {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.tabla_compra input[type="text"], .tabla_compra input[type="number"], .tabla_compra input[type="date"], .tabla_consulta input[type="text"], .tabla_consulta input[type="number"], .tabla_consulta input[type="date"], .input_lote {
	border-radius:20px;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	font-size:28px;
	height:40px !important;
	text-align:center;
}

.tabla_personal, .tabla_listados {
	width:900px;
	border:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:10px;
	padding-left:10px;
	border-radius:15px;
}

.tabla_listados {
	font-size:28px;
	text-align:left;
	border:1px solid #777777;
}

.tabla_personal td, .tabla_listados td {
	padding:5px;
	/*text-align:center;*/
}

.tabla_personal td input, .tabla_listados td input {
	border:none;
	font-size:25px;
}

.tabla_personal .horas input {
	width:67px;
	text-align:right;
}

.tabla_personal .numero input {
	text-align:center;
	width:59px;
}

.tabla_personal .numero {
	width:59px;
}

/*BOTONES DE GUARDAR CANCELAR DE COMPRAS*/
.tabla_botones {
	width:607px;
	border:none;
	font-size:25px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

.tabla_botones td {
	width:197px;
}

.tabla_botones td .boton_guardar, .tabla_botones td .boton_borrar {
	width:250px;
}

.tabla_botones td .boton_guardar {
	background:#4AB647;
	border:none;
}

.boton_guardar {
	background:#093;
	/*border: 1px solid #0C3;*/
	border:none;
	border-radius:20px;
	color:white;
	font-weight:700;
	font-size:32px;
	width:120px;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	display:block;
	text-align:center;
	line-height:50px;
	padding:0px;
}

.boton_borrar {
	background:#999;
	border-radius:20px;
	border:none;
	color:white;
	font-weight:700;
	font-size:32px;
	height:50px;
	display:block;
	text-align:center;
	padding:0px;
	line-height:50px;
	margin-left:auto;
	margin-right:auto;
	width:120px;
}

/*BOTÓN CIRCULAR X*/
.boton_eli_x, .tabla_add_linea_proceso .boton_eli_x {
	background:red;
	width:50px !important;
	border-radius:25px !important;
	border:none;
	color:white !important;
	font-weight:bold;
	height:50px !important;
	line-height:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:center !important;
	padding:0px !important;
}

.color_cabecera {
	background-color:#999;
	color:#FFF;
}

.color_listado {
	background-color:#EEE;
	color:#777777;
}

/*Formato secciones Procesos*/
.nivel_1 {
	font-size:36px;
	font-weight:bold;
	font-style:italic;
	color:#000;
	text-align:center;
	padding: 30px 0 30px 0;
}

.nivel_1_frec {
	font-size:32px;
	font-weight:bold;
	color:#000;
	text-align:left;
}

.nivel_2, .nivel_2 .nom_dieta {
	font-family:Verdana, Geneva, sans-serif !important;
	font-size:28px !important;
	color:#30C !important;
	padding: 20px 0 0 0 !important;
}

.nivel_3 {
	font-size:20px;
	color:#900;
	padding: 10px 0 0 0;
}

/*PARA LOS PUNTOS DE ESTADO DE CADA INGREDIENTE (PANTALLA fichas técnicas)*/
.punto_estado_ing {
	height:30px !important;
	width:30px !important;
	border-radius:25px !important;
	border:none;
	color:white !important;
	font-weight:bold;
	line-height:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:center !important;
	padding:0px !important;
}

.punto_estado_ing_noexiste {
	/*
	background:#000000;
	color:#ffffff;
	*/
	background:url(/imagenes/botones/borrado.png);
	background-repeat: no-repeat;
  	background-size: 30px 30px;
}

/*
.punto_estado_ing_noexiste::after {
	content:"X";
}
*/

.punto_estado_ing_verde {
	background:#008000;
}

.punto_estado_ing_amarillo {
	background:#ffff00;
}

.punto_estado_ing_rojo {
	background:#ff0000;
}

/*BOTÓN DE GUARDAR PARA CADA SECCIÓN DE PROCESOS*/
.boton_guardar_seccion {
	background:#990000;
	border-radius:20px;
	color:white;
	font-weight:700;
	font-size:25px;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	height:40px;
	display:block;
	text-align:center;
	line-height:40px;
	padding:0px;
	margin-top:20px;
	font-family:Verdana, Geneva, sans-serif;
	border:none;
}

/**ESTILOS PARA LAS PREGUNTAS (PANTALLA PROCESOS)**/
.checks_pregunta .radio_opcion {
	display:block;
	float:left;
	width:280px;
}

.radio_opcion input[type="radio"] {
	width:50px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.checks_pregunta .radio_opcion .titulo_opcion {
	text-align:center;
	float:left;
	width:inherit;
	font-size:20px;
	margin-bottom:20px;
}


/**CHECKS PARA LAS 5 SEMANAS**/
.checks_pregunta_semanas .radio_opcion {
	display:block;
	float:left;
}

.check_izq {
	width:100px;
}

.check_der {
	width:50px;
}

.checks_pregunta_semanas .radio_opcion .titulo_opcion {
	text-align:center;
	float:left;
	width:inherit;
	font-size:20px;
	margin-top:10px;
	margin-bottom:10px;
}

.enlace {
	color:#777777;
	text-decoration:underline;
	font-size:24px;
}

/*COLORES PARA EL LISTADO DE IMPRESOS*/
.color_impreso_1 {
/*Amarillo*/
background-color:#fff3c9;
}

.color_impreso_2 {
/*Rojo*/
background-color:#E0D1D1;
}

.color_impreso_3 {
/*Azul*/
background-color:#D3DFFE;
}

.color_impreso_4 {
/*Verde*/
background-color:#BCDCC5
}

/*PARA EL IFRAME DEL PDF*/
.desktop-pdf {
    display: none;
}

.mobile-pdf {
    display: block;
}

/*BICADILLO DE COLOR GRIS*/
.recuadro {
	width: 885px;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-top: 25px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 5px;
	background-color:#F0F0F0;
	border-radius: 20px;
	float:left;
}

/*PARA LA TABLA DEL MODO VISTA SEMANAL DE LA PANTALLA GESTIÓN DE MENÚS*/
.tabla_gestion_menus_semanal {
	width:100%;
	border-collapse:collapse;
	font-family:Verdana,sans-serif;
	margin-top:20px;
}

.tabla_gestion_menus_semanal th, .tabla_gestion_menus_semanal td {
	border: 1px solid #dddddd;
	padding: 5px;
}

/*ESTILOS PARA LOS BOTONES DEL CAMBIO MODO VISTA (PANTALLA GESTIÓN MENU)*/
.botones_modo_vista {
	font-family:Arial, Helvetica, sans-serif;
	width:600px;
	background:#0099ff;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

@media only screen  and (min-width : 1025px) {

  .mobile-pdf {
      display: none;
  }

  .desktop-pdf {
      display: block;
  }
}