/*Angular*/
a { cursor: pointer }
/*Loader*/
.loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.loader img { width: 20rem; height: 20rem }

/* Animations */
/*app-menu { position: relative; z-index: 3}*/
/*app-header { position: relative; z-index: 2}*/
router-outlet ~ * { position: absolute; height: 100%; width: 100%; z-index: -1}
/* Edit */
.bloque_capturador .caja_enlace input[type=text] { background: #e6ecf5; border-radius: 5px; width: 100%; height: 8rem; padding: 2rem; margin: 2rem 0;}
.cajas_ideas h3 { text-transform: initial}
.cajas_ideas h4 { margin: 1rem 0}
/* Producto Favorito */
.cajas_ideas .contenedor .acciones .principales a.activado { background: #faa013; border: none; color: #ffffff;}
/* Verificar enlaces */
.bloque_verificador .caja_enlace input { background: #e6ecf5; border-radius: 5px; width: 100%; height: 8rem; padding: 2rem; margin: 2rem 0; }
/* Relación de cuentas */
.bloque_cuentas h2 { width: 100% }
/* Mobile menu*/
.menu_movil_desplegado { display: flex; overflow: auto; }

/* Copy to clipboard fix*/
#copyLinkLabel { opacity: 0}
.copyLinkLabel { opacity: 0}

/* Copy to clipboard fix : mobile */
@media (max-width: 768px) {
	#copyLinkLabel { opacity: 1}
	#copyLink { margin: 2rem 0 0; padding: 1rem; background-color: #f6f7fb; width: 100%;}

	.copyLinkLabel { opacity: 1}
	.copyLink { margin: 2rem 0 0; padding: 1rem; background-color: #f6f7fb; width: 100%;}
}

/* Admin sales */
.bloque_csv_admin .caja_resumen .titulo { margin-bottom: 3rem }

/* Earnings */
.bloque_contabilidad_admin .caja_resumen .titulo { margin-bottom: 3rem }
.bloque_contabilidad_admin .caja_resumen .contenedor_tabla_horizontal .columna ul:hover { background-color: #f6f7fb; }
.bloque_contabilidad_admin .caja_resumen .contenedor_tabla_horizontal .columna ul li:nth-child(6) { font-weight: bold }
.bloque_contabilidad_admin .caja_resumen .contenedor_tabla_horizontal .columna ul.totales li { font-weight: bold }

/* Stats collaborator */
.bloque_reporte_admin .caja_resumen .contenedor_tabla_horizontal .columna ul.totales li { font-weight: bold }

/* My Sales */
.cajas_ideas h3 { height: 5.7rem}

/* Product Ideas  */

.bloque_ideas .caja_resumen .filtros h3 { text-align: right; flex-grow: 1; font-size: 3rem; font-family: 'Roboto', sans-serif; color: #556270; font-weight: normal; }

/* Notifications */
.contenedor_cabecera .mensajes ul li { margin-bottom: 1rem; }
.contenedor_cabecera .mensajes ul li a { display: block; background: #ffffff; border: 1px solid #556270; border-radius: 5px; text-transform: uppercase; width: 100%; padding: 0.5rem; text-align: center; margin-bottom: 0.5rem;}

/* Suggestions */
.bloque_sugerencias .caja_sugerencias .contenedor_tabla .fila { position: relative; }
.bloque_sugerencias .caja_sugerencias .contenedor_tabla .fila a { position: absolute; bottom: 1rem; right: 1rem; font-size: 2rem; }

/* Home */
.bloque_reporte_admin.bloque_home .caja_resumen .filtros .btn { display: flex }
.bloque_reporte_admin .caja_resumen .filtros .btn { width: auto }
.bloque_reporte_admin .caja_resumen .filtros .btn a { margin-right: 1rem; padding: 1rem 2rem}
.bloque_reporte_admin .caja_resumen .filtros .btn a.activo { background: #68c2f9; border: 1px solid #68c2f9; color: #ffffff;}

/* Link on images */
.cajas_ideas h3 a { color: #68c2f9 }
.cajas_ideas .contenedor .imagen a { width: 100%; height: 100%; display: flex }

/* Notificaciones mobile */
.contenedor_menu_movil .mensajes {width: 100%; max-width: 40rem; max-height: 30rem; overflow: auto; margin: 0; padding: 2rem; border: 1px solid #e6ecf5; background: #f1f1f1; position: absolute; top: 10rem; right: 0;}
.contenedor_menu_movil .mensajes ul {padding: 2rem 0; border-bottom: 1px solid #cccccc;}
.contenedor_menu_movil .mensajes ul:first-child {padding: 0 0 2rem;}
.contenedor_menu_movil .mensajes ul li {display: flex; justify-content: flex-start; align-items: center; position: relative;}
.contenedor_menu_movil .mensajes ul li.titulo {font-size: 1.4rem; text-transform: uppercase; font-weight: bold; margin: 3rem 0 1rem;}
.contenedor_menu_movil .mensajes ul li img {width: 3.6rem; margin: 0 1rem 0 0;}
.contenedor_menu_movil .mensajes ul li span {font-size: 1.2rem; margin: 0 0 0 1rem; position: absolute; top: 0; right: 0;}

/* Buscador en Colaboradores> FAQ */
.bloque_faq .caja_faq .buscador { display: flex }
.bloque_faq .caja_faq .buscador input { background: #e6ecf5; border-radius: 5px; width: 100%; padding: 2.2rem; max-width: 50rem; margin: 0 2rem 0 0;}

/* Contability */
.popup .caja_popup .contability { width: 100% }

.popup .caja_popup .movements_new { display: flex; flex-direction: row; justify-content: space-between}
.popup .caja_popup .movements_new li { margin: 0 0.5rem 2rem; }
.popup .caja_popup .movements_new li:nth-child(1) { width: 100% }
.popup .caja_popup .movements_new li input { background: #e6ecf5; border-radius: 5px; width: 100%; padding: 1rem; margin: 0; }
.popup .caja_popup .movements_new li a { width: 100%; margin: 0; line-height: 2rem; font-size: 1.5rem; display: block; background: #ffffff; border: 1px solid #556270; border-radius: 5px; padding: 1rem 2rem; text-transform: uppercase; }
.popup .caja_popup .movements_new li a:hover { background: #68c2f9; border: 1px solid #68c2f9; color: #ffffff; }

.popup .caja_popup .movements_title { display: flex; flex-direction: row}
.popup .caja_popup .movements_title li { font-weight: bold; border-bottom: 1px solid black; margin: 0 1rem 1rem }
.popup .caja_popup .movements_title li:nth-child(1) { width: 55% }
.popup .caja_popup .movements_title li:nth-child(2) { width: 15% }
.popup .caja_popup .movements_title li:nth-child(3) { width: 15% }
.popup .caja_popup .movements_title li:nth-child(4) { width: 15% }

.popup .caja_popup .movements { display: flex; flex-direction: row}
.popup .caja_popup .movements.unblocked { background-color: #b1ffbb33 }
.popup .caja_popup .movements li { margin: 0 1rem 1rem }
.popup .caja_popup .movements li:nth-child(1) { width: 55% }
.popup .caja_popup .movements li:nth-child(2) { width: 15% }
.popup .caja_popup .movements li:nth-child(3) { width: 15% }
.popup .caja_popup .movements li:nth-child(4) { width: 15% }
.popup .caja_popup .movements li a { width: 100%; margin: 0; line-height: 2rem; font-size: 1.5rem; display: block; background: #ffffff; border: 1px solid #556270; border-radius: 5px; padding: 1rem 2rem; text-transform: uppercase; }
.popup .caja_popup .movements li a:hover { background: #68c2f9; border: 1px solid #68c2f9; color: #ffffff; }

/* Home New Btns */
.bloque_reporte_admin.bloque_home .buttons { display: flex; }
.bloque_reporte_admin.bloque_home .buttons a { display: block; background: #ffffff; border: 1px solid #556270; border-radius: 5px; padding: 2rem; text-transform: uppercase; text-align: center; margin: 0 1rem; }
.bloque_reporte_admin.bloque_home .buttons a:hover { background: #68c2f9; border: 1px solid #68c2f9; color: #ffffff; }
.bloque_reporte_admin.bloque_home .buttons a.active { background: #68c2f9; border: 1px solid #68c2f9; color: #ffffff; }
.bloque_reporte_admin .caja_resumen .contenedor_tabla_horizontal .columna ul.desbloqueada { background-color: #ceffaa}

@media (max-width: 414px) {

	.btn_link_catcher {font-size: 3rem;}

	.contenedor_menu_movil .alertas a img { height: 5rem }
	.contenedor_menu_movil .alertas a span { font-size: 1.5rem; padding: 1rem 1.45rem; }
	.contenedor_menu_movil .menu a img { height: 3rem }

	.cajas_ideas h4 { font-size: 1.8rem}
	.cajas_ideas .contenedor .acciones .datos ul li { font-size: 1.6rem }

	.bloque_ventas .caja_resumen .filtros h3 { text-align: center; width: 100%; margin: 2rem 0 0;}
	.bloque_ideas .caja_resumen .filtros h3 { text-align: center; width: 100%; margin: 2rem 0 0;}
}

.btn a.activado_users { background: #f29e9e; border: 1px solid #f29e9e; color: #ffffff; }

/*Facebook POSTs*/

.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal.tabla_posts_facebook .columna ul li:nth-child(1) { width: 5%}
.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal.tabla_posts_facebook .columna ul li:nth-child(1) i { font-size: 3rem}
.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal.tabla_posts_facebook .columna ul li:nth-child(2) { width: 10%}
.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal.tabla_posts_facebook .columna ul li:nth-child(3) { width: 10%}
.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal.tabla_posts_facebook .columna ul li:nth-child(4) { width: 25%}
.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal.tabla_posts_facebook .columna ul li:nth-child(5) { width: 50%}

.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal.tabla_posts_facebook_desconocidos .columna ul li:nth-child(1) { width: 5%}
.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal.tabla_posts_facebook_desconocidos .columna ul li:nth-child(1) i { font-size: 3rem}
.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal.tabla_posts_facebook_desconocidos .columna ul li:nth-child(2) { width: 10%}
.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal.tabla_posts_facebook_desconocidos .columna ul li:nth-child(3) { width: 25%}
.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal.tabla_posts_facebook_desconocidos .columna ul li:nth-child(4) { width: 60%}

.bloque_lista_usuarios .paginacion { display: flex; justify-content: center; font-size: 2rem; align-items: center; }
.bloque_lista_usuarios .paginacion a { margin: 1rem 2rem }
.bloque_lista_usuarios .paginacion a i { font-size: 4rem }

/* Paginación CSV Ventas */
.bloque_csv_admin .paginacion { display: flex; justify-content: center; font-size: 2rem; align-items: center; }
.bloque_csv_admin .paginacion a { margin: 1rem 2rem }
.bloque_csv_admin .paginacion a i { font-size: 4rem }

.bloque_csv_admin .caja_resumen { position: relative }
.bloque_csv_admin .caja_resumen .fijos { position: absolute; top: 1rem; right: 1rem }

/* Paginación Contabilidad */
.bloque_contabilidad_admin .paginacion { display: flex; justify-content: center; font-size: 2rem; align-items: center; }
.bloque_contabilidad_admin .paginacion a { margin: 1rem 2rem }
.bloque_contabilidad_admin .paginacion a i { font-size: 4rem }

.select_como_input {background: #e6ecf5; border-radius: 5px; width: 20rem; padding: 2rem; margin: 0 2rem 0 0;}

/* Estadísticas Caja Ventas */
.estadisticas { display: flex; flex-wrap: wrap; margin-top: 2rem }
.estadisticas .estadisticas_caja_ventas {background: #ffffff;border: 1px solid #e6ecf5;padding: 2rem;border-radius: 5px;width: 25rem;margin: 2rem;overflow: hidden;box-shadow: 1px 1px 7px #888888;text-align: center;}
.estadisticas .estadisticas_caja_ventas h1 {margin-bottom: 2rem }
.estadisticas .estadisticas_caja_ventas p { font-size: 4rem; color: #68c2f9}

/* NUEVO */
.contenedor_cabecera .cabecera .usuario a span.img_avatar_usuario { background-size: cover; background-position: center; height: 4rem; width: 4rem; border-radius: 30px; margin-right: 1rem }

.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal .columna ul li span.img_avatar_usuario { background-size: cover; background-position: center; height: 4rem; width: 4rem; border-radius: 30px; margin-right: 1rem; border: 1px solid red }
.bloque_lista_usuarios .caja_resumen .contenedor_tabla_horizontal .columna ul li span.img_avatar_usuario.online {border-color: green}

.bloque_reporte_admin .caja_resumen .contenedor_tabla_horizontal .columna ul li.clase { padding: 0; margin: 0 1rem}
.bloque_reporte_admin .caja_resumen .contenedor_tabla_horizontal .columna ul li span.img_avatar_usuario { background-size: cover; background-position: center; height: 4rem; width: 4rem; border-radius: 30px; margin-right: 1rem; border: 1px solid red }
.bloque_reporte_admin .caja_resumen .contenedor_tabla_horizontal .columna ul li span.img_avatar_usuario.online {border-color: green}

.bloque_cuenta .caja_datos .izquierda { display: flex; flex-wrap: wrap; justify-content: space-between}
.bloque_cuenta .caja_datos .izquierda p.titulo { width: 100% }
.bloque_cuenta .caja_datos .izquierda .imagen { width: 22.58rem; height: 22.58rem; background-size: cover; cursor: pointer; border-radius: 5px; background-position: center;}
.bloque_cuenta .caja_datos .izquierda .datos { width: calc(100% - 25rem) }
.bloque_cuenta .caja_datos .izquierda ul li { margin: 0 0 3rem}
.bloque_cuenta .caja_datos .izquierda .btn { width: 22.58rem; }

@media screen and  (max-width: 500px) {
	.bloque_cuenta .caja_resumen {background-size: 200%; background-position: bottom center; }
	.bloque_cuenta .caja_datos .izquierda .imagen { margin: 0 auto 3rem }
	.bloque_cuenta .caja_datos .izquierda .datos { width: 100% }
	.bloque_cuenta .caja_datos .izquierda .btn { width: 100% }

	/* Estadísticas Caja Ventas */
	.estadisticas { width: 100%; justify-content: space-between}
	.estadisticas .estadisticas_caja_ventas { width: 48%; margin: 0 }
	.estadisticas .estadisticas_caja_ventas h1 { font-size: 2.5rem; }
	.estadisticas .estadisticas_caja_ventas p { font-size: 3rem; color: #68c2f9}

}

.popup.movimientos_csv {}
.popup.movimientos_csv .caja_popup {width: 75rem; max-height: 85%; max-width: 90%;}
.popup.movimientos_csv .caja_popup h2 { margin-bottom: 3rem }
.popup.movimientos_csv .caja_popup .inputs { display: flex; justify-content: space-between; width: 100%; margin-bottom: 3rem }
.popup.movimientos_csv .caja_popup .inputs input { width: 100%; background: #e6ecf5; border-radius: 5px; padding: 1rem 0; margin: 0 1rem 0 0; text-align: center }
.popup.movimientos_csv .caja_popup .inputs a { width: 30rem; text-align: center; background: #ffffff; border: 1px solid #556270; border-radius: 5px; text-transform: uppercase; display: flex; justify-content: center; flex-direction: column;}
.popup.movimientos_csv .caja_popup .sin_resultados { font-size: 1.75rem; text-align: center; margin-bottom: 2rem}
.popup.movimientos_csv .caja_popup .contenido { width: 100% }
.popup.movimientos_csv .caja_popup .contenido .elemento { display: flex; justify-content: space-between; margin-bottom: 1rem}
.popup.movimientos_csv .caja_popup .contenido .elemento.cabecera { font-weight: bold; border-bottom: 1px solid #cacaca; padding-bottom: 0.5rem; margin-bottom: 0.5rem }
.popup.movimientos_csv .caja_popup .contenido .elemento span {display: block; width: 100%; font-size: 1.6rem}
.popup.movimientos_csv .caja_popup .contenido .elemento span:first-of-type { width: 25rem; margin-right: 1rem }