@charset "utf-8";
/* CSS Document */

/*PARA QUE SE DESPLIEGUE EL LISTADO AL SELECCIONAR TODO EL INPUT EN VEZ DEL ICONO DEL DATE*/
.seleccionar_fecha {
	position:relative;
}
.seleccionar_fecha input[type="date"]::-webkit-calendar-picker-indicator, .seleccionar_fecha input[type="month"]::-webkit-calendar-picker-indicator, .seleccionar_fecha input[type="week"]::-webkit-calendar-picker-indicator, .seleccionar_fecha input[type="time"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.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;
}

/*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, .input_year {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number], .input_year {
  -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 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_tres {
	width:100px;
	display:block;
	float:left;
	margin:20px 0 20px 150px;
}

.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;
	*/
	font-family:Verdana, Geneva, sans-serif;
	margin-left:auto;
	margin-right:auto;
	font-weight:700;
	text-align:center;
	background-color: #777;
	color:#FFF;
	border-radius:20px;
	border:none;
	display:block;

	width:800px;
	font-size:28px;
	margin-top:20px;
	line-height:48px;
}

.label_linea, .label_mitad {
	display:block;
}

.label_linea, .select_multiple {
	margin-top:20px;
	width:850px;
	margin-left:auto;
	margin-right:auto;
}

.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 td {
	padding: 5px 1px 5px 1px;
}

.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 {
	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;
}

/*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;*/
	width:100%;
	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="time"], .tabla_compra input[type="text"], .tabla_compra input[type="number"], .tabla_compra input[type="date"], .tabla_compra input[type="week"], .tabla_compra input[type="month"], .tabla_consulta input[type="text"], .tabla_consulta input[type="number"], .tabla_consulta input[type="date"], .tabla_consulta input[type="week"], .tabla_consulta input[type="month"], .tabla_compra .input_year {
	border-radius:20px;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	font-size:28px;
	height:40px;
	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;
	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;
	cursor:pointer;
}

.color_cabecera {
	background-color:#999;
	color:#FFF;
}

.color_listado {
	background-color:#EEE;
}

/*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_2 {
	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;
}

.nivel_1_mensual {
	font-size:36px;
	font-weight:bold;
	font-style:italic;
	color:#000;
	text-align:center;
	padding: 30px 0 10px 0;
}

.nivel_2_mensual {
	font-family:Verdana, Geneva, sans-serif !important;
	font-size:28px !important;
	color:#30C !important;
	text-align:center;
	padding: 10px 0 0 0 !important;
}

.nivel_3_mensual {
	font-size:20px;
	color:#900;
	text-align:center;
	padding: 5px 0 0 0;
}

.tabla_dias
{
	border-collapse:collapse;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	font-family:Arial,Helvetica,sans-serif;
}

.celda_dias
{
	width:28px;
	height:30px;
	padding:0;
	text-align:center;
	font-size:16px;
	border:1px solid #DDD;
	cursor:pointer;
}

.limpieza_realizada
{
	background-color:#090;
	color:black;
}


/*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_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:#4AB647;
	/*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;
}

.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;
}

.enlace {
	color:#777777;
	text-decoration:underline;
	font-size:24px;
}


/*COLORES PARA EL LISTADO DE PROCESOS*/
.color_proceso_imppr0601 {
	/*Amarillo*/
	background-color:#fff3c9;
}

.color_proceso_imppr0602 {
	/*Azul*/
	background-color:#d3dffe;
}

.color_proceso_imppr0610 {
	/*Rojo*/
	background-color:#E0D1D1;
}

.color_proceso_imrght0203 {
	/*Verde*/
	background-color:#BCDCC5;
}

.color_proceso_imprho {
	/*Gris*/
	background-color:#A1ACAF;

}

.color_proceso_imrght0101 {
	/*Lila*/
	background-color:#CFBDF5;
}


/*PARA EL IFRAME DEL PDF*/
.desktop-pdf {
    display: none;
}

.mobile-pdf {
    display: block;
}


/*ESTILOS PARA EL TEMA DE LOS BOTONES DE CARPESANO*/
.boton_carpesano
{
	width:700px !important;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}

.bc_celda
{
	text-align:center;
}

.bc_celda_izq
{
	width:60px;
	height:60px;
	background:#000;
}

.color_azul_emere
{
	background:#403e8a;
}

.color_rojo_emere
{
	background:#eb6316;
}

.color_archivos
{
	background:#804000;
}

/*ESTILOS CSS PARA LOS CHECKBOS IOS (ESTO ES PARA LOS QUE SE AÑADEN POR JAVACRIPT)*/
/* Estilo del toggle tipo iOS */
.ios-checkbox {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 66px;
}

.ios-checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dddddd;
  transition: 0.4s;
  border-radius: 38px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 60px;
  width: 60px;
  top: 3px;
  left: 3px;
  /*bottom: 2px; */
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #6ddc5f;
}

input:checked + .slider:before {
  transform: translateX(44px);
}

@media only screen  and (min-width : 1025px) {

  .mobile-pdf {
      display: none;
  }

  .desktop-pdf {
      display: block;
  }
}

/*OCUPAR LA FRANJA DEL VIDEO IZQUIERDA UN POCO MAS (LOGIN)*/
@media (max-width:600px)
{
	._stack-behind-bg {
		right:80px !important;
	}
}
/*PONER LA CAJA DEL LOGIN TRANSPARENTE*/
.caja_login {
	opacity: 0.8;
}