/*---------------------------------------------- NEGOCIACIONES */

div.perfil_negociaciones_listado
{
	clear: both;
	margin: 0 0 0px 0;
	border-radius: 5px;
	border: 1px solid #ddd;
	background-color: #fafafa;
	overflow: hidden;
}

div.perfil_negociacion
{
	margin: 0px 0 1px 0;
	min-height: 60px;
	background-color: white;
	background-image: url(../img/icono_contenido_entrar.svg);
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	cursor: pointer;
	overflow: hidden;
}

div.perfil_negociacion_in
{
	margin: 5px 5px 5px 5px;
}

div.perfil_negociacion:nth-child(even)	{	background-color: #f3f3f3;	}
div.perfil_negociacion:nth-child(odd)	{	background-color: #fafafa;	}

div.perfil_negociacion:hover				{	background-color: white;	}

div.perfil_negociacion_foto
{
	float: left;
	margin: 0 10px 0 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: white;
}

div.perfil_negociacion_opciones
{
	float: right;
	margin: 0 0 0 10px;
}

div.perfil_negociacion_datos
{
	margin: 0 0 0 0;
}

div.perfil_negociacion_datos span.negociacion_nombre
{
	line-height: 18px;
	font-size: 14px;
	font-weight: normal;
}

div.perfil_negociacion_datos span.negociacion_estado
{
	line-height: 16px;
	font-size: 11px;
	color: black;
}

div.perfil_negociacion_datos span.negociacion_actividad
{
	line-height: 16px;
	font-size: 11px;
	font-weight: normal;
	color: #777777;
}

div.perfil_negociacion_datos span.negociacion_actividad strong
{
	color: #992a00;
}

/*---------------------------------------------- Negociación componer */

div#perfil_componer_oferta_contador
{
	margin: 0 0 20px 0;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #ccc;
	background-color: #eee;
	line-height: 20px;
	padding: 0 10px 0 10px;
	font-size: 11px;
}

div#perfil_componer_oferta_listados
{
	overflow: hidden;
	margin: 0 0 20px 0;
}

div#perfil_componer_oferta_listados_faltas
{
	float: left;
	width: 49%;
	margin: 0 0 0 0;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid #ff379c;
	overflow: hidden;
}

div#perfil_componer_oferta_listados_faltas p	{	margin-left: 10px !important; }

div#perfil_componer_oferta_listados_faltas_titulo
{
	background-color: #ff379c;
	padding: 0 10px 0 10px;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

	div#perfil_componer_oferta_listados_faltas_colecciones
	{
		overflow: hidden;
	}

	div.perfil_componer_oferta_listados_faltas_coleccion
	{
		overflow: hidden;
	}

	div.perfil_componer_oferta_listados_faltas_coleccion_titulo
	{
		border-top: 1px solid #ffb2d9;
		border-bottom: 1px solid #ffb2d9;
		background-color: #ffc8e3;
		padding: 5px 5px 7px 5px;
		line-height: 16px;
		font-size: 12px;
		font-weight: bold;
		color: #222;
		overflow: hidden;
	}

	div.perfil_componer_oferta_listados_faltas_coleccion_titulo *	{	color: #222 !important;	}

	div.perfil_componer_oferta_listados_faltas_coleccion_serie
	{
		clear: both;
		border-top: 1px solid #ffd2e8;
		border-bottom: 1px solid #ffd2e8;
		background-color: #ffe8f3;
		padding: 5px 5px 5px 5px;
		line-height: 15px;
		font-size: 11px;
		color: #222;
		overflow: hidden;
	}

	div.perfil_componer_oferta_listados_faltas_coleccion_objetos
	{
		background-color: #e0e0e0;
		overflow: hidden;
	}

div#perfil_componer_oferta_listados_repes
{
	float: right;
	width: 49%;
	margin: 0 0 0 0;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid #1e90ff;
	overflow: hidden;
}

div#perfil_componer_oferta_listados_repes p	{	margin-left: 10px !important; }

div#perfil_componer_oferta_listados_repes_titulo
{
	background-color: #1e90ff;
	padding: 0 10px 0 10px;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

div#perfil_componer_oferta_listados_repes_colecciones
{
	overflow: hidden;
}

	div.perfil_componer_oferta_listados_repes_coleccion
	{
		overflow: hidden;
	}

	div.perfil_componer_oferta_listados_repes_coleccion_titulo
	{
		border-top: 1px solid #a6d3ff;
		border-bottom: 1px solid #a6d3ff;
		background-color: #b9ddff;
		padding: 5px 5px 7px 5px;
		line-height: 16px;
		font-size: 12px;
		font-weight: bold;
		color: #222;
		overflow: hidden;
	}
		
	div.perfil_componer_oferta_listados_repes_coleccion_titulo *	{	color: #222 !important;	}

	div.perfil_componer_oferta_listados_repes_coleccion_serie
	{
		clear: both;
		border-top: 1px solid #cae5ff;
		border-bottom: 1px solid #cae5ff;
		background-color: #ddeeff;
		padding: 5px 5px 5px 5px;
		line-height: 15px;
		font-size: 11px;
		color: #222;
		overflow: hidden;
	}

	div.perfil_componer_oferta_listados_repes_coleccion_objetos
	{
		background-color: #e0e0e0;
		overflow: hidden;
	}
	
	/*-----------------------------***************** comunes */
	
		div.perfil_componer_oferta_objeto
		{
			position: relative;
			float: left;
			margin: 2px 2px 2px 2px;
			box-shadow: 0 0 2px 0px #555;
			border-radius: 3px;
			width: 142px;
			height: 60px;
			background-color: white;
			overflow: hidden;
		}
		
		div.perfil_componer_oferta_objeto_foto
		{
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			width: 40px;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			cursor: zoom-in;
			opacity: 0.2;
			transition: 0.2s;
		}
		
		div.perfil_componer_oferta_objeto label
		{
			display: block;
			width: auto;
			margin: 0;
			padding: 0;
			border: none;
			overflow: hidden;
			background-color: transparent;
			vertical-align: baseline;
		}

		div.perfil_componer_oferta_objeto label *
		{
			float: none;
		}
		
		div.perfil_componer_oferta_objeto_nombre
		{
			height: 30px;
			margin: 2px 5px 0 45px;
			line-height: 14px !important;
			font-size: 11px !important;
			text-align: center;
			vertical-align: middle;
			overflow: hidden;
			word-wrap: break-word;
  			text-overflow: ellipsis;
    		display: -webkit-box;
    		-webkit-line-clamp: 2;
    		-webkit-box-orient: vertical; 
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		
			div.perfil_componer_oferta_objeto_nombre span.etiqueta
			{
				display: inline-block;
				margin: 0 0 0 1px;
				border-radius: 3px;
				padding: 0 3px 0 3px;
				line-height: 13px !important;
				font-size: 9px;
				font-weight: bold;
				color: white;
				cursor: pointer;
			}
		
		div.perfil_componer_oferta_objeto_check
		{
			margin: 0 0 0 40px;
			text-align: center;
		}
		
		div.perfil_componer_oferta_objeto_check input[type=checkbox]
		{
			float: none !important;
			margin: 2px 2px 2px 2px !important;
			vertical-align: text-bottom !important;
		}

/*---------------------------------------------- Negociación oferta */

div#perfil_negociacion_oferta
{
	position: relative;
	margin: 10px 10px 0px 10px;
	min-height: 300px;
	overflow: hidden;
}

div#perfil_negociacion_oferta_texto
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

div#perfil_negociacion_oferta_texto textarea
{
	margin: 0 !important;
	float: none !important;
	width: 100% !important; 
	height: 100% !important; 
}

/*----------------------------------------------------------------------------------------------------------- Negociación */

div#perfil_negociacion
{
	background-color: #f0f0f0;
	border: 1px outset #ddd;
	border-radius: 5px;	
	overflow: hidden;
}

div#perfil_negociacion_menu
{
	height: 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	background-color: #ddd;
	padding: 0 4px 0 0;
	text-align: right;
	overflow: hidden;
}

	div#perfil_negociacion_menu button
	{
		margin: 4px 0 0 6px;
		display: inline-block;
		width: auto;
		height: 22px;
		box-sizing: border-box;
		box-shadow: 1px 1px 2px #999;
		border: none;
		border-radius: 6px;
		background: none;
		background-color: white;
		background-image: url(../img/icono_fullscreen.svg);
		background-position: left 4px center;
		background-repeat: no-repeat;
		background-size: 14px auto;
		padding: 0px 5px 0px 22px;
		line-height: 22px;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 0.2px;
		text-transform: none;
		transition: 0.3s;
		cursor: pointer;
	}

	div#perfil_negociacion_menu button.fullscreen	{	background-image: url(../img/icono_fullscreen.svg);	}
	div#perfil_negociacion_menu button.repasar		{	background-image: url(../img/icono_scouter.svg);	}
	div#perfil_negociacion_menu button.componer		{	background-image: url(../img/icono_componer.svg);	}

div#perfil_negociacion_usuarios
{
	margin: 10px 10px 0px 10px;
	height: 50px;
}

	div#perfil_negociacion_usuarios_tu
	{
		float: left;
		width: 48%;
		height: 50px;
	}

	div#perfil_negociacion_usuarios_tu_perfil
	{
		position: relative;
		height: 50px;
	}

		div#perfil_negociacion_usuarios_tu_perfil_foto
		{
			position: absolute;
			top: 0px;
			left: 0px;
			bottom: 0px;
			width: 50px;
			border-radius: 50%;
			background-color: white;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			cursor: pointer;
		}

		div#perfil_negociacion_usuarios_tu_perfil_foto_bandera
		{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 16px;
			height: 12px;
			border-radius: 2px;
			box-shadow: 1px 1px 1px #777;
			background-color: white;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			cursor: pointer;
		}

		div#perfil_negociacion_usuarios_tu_perfil_datos
		{
			margin: 0 5px 0 60px;
			box-sizing: border-box;
			height: 50px;
		}
	
			div#perfil_negociacion_usuarios_tu_perfil_datos_nombre
			{
				margin: 0 0 0 0;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				line-height: 18px;
				font-size: 15px;
				font-weight: bold;
				cursor: pointer;
			}
	
			div#perfil_negociacion_usuarios_tu_perfil_datos_nivel
			{
				margin: 0px 0 0 0;
				white-space: nowrap; 
				overflow: hidden;
			}
	
			div#perfil_negociacion_usuarios_tu_perfil_datos_nivel span
			{
				line-height: 12px;
				font-size: 10px
			}
	
			div#perfil_negociacion_usuarios_tu_perfil_datos_evaluaciones
			{
				margin: 0 0 0 0;
				white-space: nowrap; 
				overflow: hidden;
			}
	
			div#perfil_negociacion_usuarios_tu_perfil_datos_evaluaciones span
			{
				line-height: 12px;
				font-size: 10px
			}

	div#perfil_negociacion_usuarios_yo
	{
		float: right;
		width: 52%;
		height: 50px;
	}

	div#perfil_negociacion_usuarios_yo_perfil
	{
		position: relative;
		height: 50px;
	}

		div#perfil_negociacion_usuarios_yo_perfil_foto
		{
			position: absolute;
			top: 0px;
			right: 0px;
			bottom: 0px;
			width: 50px;
			border-radius: 50%;
			background-color: white;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}

		div#perfil_negociacion_usuarios_yo_perfil_datos
		{
			margin: 0 60px 0 5px;
			box-sizing: border-box;
			height: 50px;
			text-align: right;
		}
	
			div#perfil_negociacion_usuarios_yo_perfil_datos_nombre
			{
				margin: 0 0 0 0;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				line-height: 18px;
				font-size: 15px;
				font-weight: bold;
			}
	
			div#perfil_negociacion_usuarios_yo_perfil_datos_nivel
			{
				margin: 0px 0 0 0;
				white-space: nowrap; 
				overflow: hidden;
			}
	
			div#perfil_negociacion_usuarios_yo_perfil_datos_nivel span
			{
				line-height: 12px;
				font-size: 10px
			}
	
			div#perfil_negociacion_usuarios_yo_perfil_datos_evaluaciones
			{
				margin: 0 0 0 0;
			}
		
			div#perfil_negociacion_usuarios_yo_perfil_datos_evaluaciones span
			{
				line-height: 12px;
				font-size: 10px
			}

	div#perfil_negociacion_estados
	{
		margin: 10px 10px 0px 10px;
		height: 40px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		background-color: #444;
	}
	
		span.usuario_bloqueado
		{
			animation: texto_llamativo 1s infinite;
		}
	
		@keyframes texto_llamativo
		{
			from	{	color: yellow;	}
			to		{	color: red;		}
		}
	
		div#perfil_negociacion_estados_tu_estado
		{
			float: left;
			width: 50%;
			display: inline-block;
			box-sizing: border-box;
			border-right: 1px solid black;
			padding: 0 5px 0 3%;
			overflow: hidden;
		}

			div#perfil_negociacion_estados_tu_estado_txt
			{
				line-height: 40px;
				color: white;
				font-style: italic;
			}

		div#perfil_negociacion_estados_yo_estado
		{
			float: right;
			width: 50%;
			display: inline-block;
			box-sizing: border-box;
			padding: 0 3% 0 5px;
			text-align: right;
		}

			div#perfil_negociacion_estados_yo_estado_txt
			{
				line-height: 40px;
				color: white;
				font-style: italic;
			}
			
	div#perfil_negociacion_mensajes
	{
		margin: 0px 10px 10px 10px;
		height: 50vh;
		min-height: 350px;
		box-sizing: border-box;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		border: 1px solid #999;
		border-top: 1px solid #000;
		box-shadow: inset 0 0 4px -1px #333;
		background-color: white;
		background-image: url(../img/css_negociacion_fondo.jpg);
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: cover;
		padding: 20px 5% 20px 5%;
		overflow: hidden;
		overflow-y: scroll;
	}

	div.negociacion_mensaje
	{
		border: 1px outset #eee;
		margin: 2px 0 2px 0;
		max-width: 75%;
		border-radius: 10px;
		overflow: hidden;
	}

		div.negociacion_mensaje_in
		{
			margin: 5px 10px 5px 10px;
			line-height: 20px;
			font-size: 13px;
			word-wrap: break-word;
			overflow: hidden;
		}

		div.negociacion_mensaje_cruce
		{
			/**/
		}
		
			div.negociacion_mensaje_cruce_editar
			{
				float: right;
				margin: 5px 0 5px 5px;
				overflow: hidden;
			}
		
			div.negociacion_mensaje_cruce_editar a.cruce_editar
			{
				display: inline-block;
				width: 20px;
				height: 20px;
				border: 1px solid #ddd;
				border-radius: 3px;
				background-color: white;
				background-image: url(../img/icono_editar.svg);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 16px auto;
			}

		div.negociacion_mensaje_imagen
		{
			position: relative;
			margin: 5px 0 5px 0;
			width: 200px;
			padding-bottom: 56.25%;
			border-radius: 6px;
			background-image: url(../img/loading.gif);
			background-position: center center;
			background-repeat: no-repeat;
			overflow: hidden;
		}

			div.negociacion_mensaje_imagen img
			{
				position: absolute;
   			top: 50%;
   			left: 50%;
   			transform: translate(-50%, -50%);
				width: 100%;
				height: auto;
			}

		div.negociacion_mensaje_yo	{	float: right;	clear: both;	border-top-right-radius: 0;	background-color: #e7fae7;	}
		div.negociacion_mensaje_tu	{	float: left;	clear: both;	border-top-left-radius: 0;		background-color: white;	}

		div.negociacion_estado_yo	{	margin: 10px 0 10px 0 !important;	background-color: #d7f5ff !important;	font-size: 11px !important;	font-weight: bold !important;	text-transform: uppercase !important;	}
		div.negociacion_estado_tu	{	margin: 10px 0 10px 0 !important;	background-color: #d7f5ff !important;	font-size: 11px !important;	font-weight: bold !important;	text-transform: uppercase !important;	}

		div.negociacion_cruce_yo	{	background: linear-gradient(to bottom, white, #e7fae7);	}
		div.negociacion_cruce_tu	{	background: linear-gradient(to bottom, white, #eee);	}

		div.negociacion_mensaje_fecha
		{
			margin: 5px 10px 5px 10px;
			line-height: 12px;
			font-size: 9px;
			font-family: Verdana;
			font-weight: normal;
			text-transform: none;
			word-wrap: break-word;
			color: #bbb;
			letter-spacing: 0.5px;
			overflow: hidden;
		}
		
		div.negociacion_mensaje_yo div.negociacion_mensaje_fecha	{	text-align: right;	}
		div.negociacion_mensaje_tu div.negociacion_mensaje_fecha	{	text-align: left;		}

	div#perfil_negociacion_mensaje_form
	{
		position: relative;
		margin: 0px 10px 10px 10px;
		height: 50px;
		overflow: hidden;
	}

		div#perfil_negociacion_mensaje_form_texto
		{
			position: absolute;
			top: 0px;
			left: 0px;
			right: 55px;
			bottom: 0px;
		}

			div#perfil_negociacion_mensaje_form_texto_botones
			{
				position: absolute;
				top: 6px;
				right: 6px;
			}

				div#perfil_negociacion_mensaje_form_texto_botones button
				{
					margin: 0;
					width: 30px;
					height: 30px;
					border: none;
					border-radius: 15px;
					background: none;
					background-color: #06F5DD;
					background-position: center center;
					background-repeat: no-repeat;
					background-size: 16px auto;
					padding: 0;
					line-height: 0;
					font-size: 0;
					cursor: pointer;
					transition: 0.2s;
				}

				div#perfil_negociacion_mensaje_form_texto_botones button:hover,
				div#perfil_negociacion_mensaje_form_texto_botones button:active
				{
					background-color: #008F80;
				}
		
				div#perfil_negociacion_mensaje_form_texto_botones button#enviar_imagen	{	background-image: url(../img/icono_camara.svg);	}

		div#perfil_negociacion_mensaje_form_texto textarea
		{
			margin: 0 !important;
			float: none !important;
			width: 100% !important; 
			height: 100% !important; 
			border: 1px solid #999 !important;
			box-shadow: inset 0 0 4px -1px #666 !important;
			padding: 10px 20px 10px 10px !important;
		}

		div#perfil_negociacion_mensaje_form button#enviar
		{
			float: right;
			margin: 0px 0px 0px 5px;
			width: 50px;
			height: 50px;
			border: none;
			background: none;
			background-color: transparent;
			background-image: url(../img/icono_enviar.svg);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 42px auto;
			cursor: pointer;
		}

		div#perfil_negociacion_mensaje_form button.enviando
		{
			background-image: url(../img/loading.gif) !important;
			background-size: auto auto !important;
			outline:0;
		}

div#perfil_negociacion_estado
{
	background-color: #ddd;
	padding: 0 0 0 10px;
	line-height: 22px;
	font-size: 11px;
	color: #555;
	overflow: hidden;
}

/*/////////////////////////////////////// MODO FULLSCREEN */

div.perfil_negociacion_fullscreen
{
	position: fixed !important;
	float: none !important;
	width: auto !important;
	z-index: 9999 !important;
	top: 60px !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	border-radius: 0 !important;
}

	div.perfil_negociacion_fullscreen div#perfil_negociacion_menu
	{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 30px;
		min-height: auto;
	}

	div.perfil_negociacion_fullscreen div#perfil_negociacion_usuarios
	{
		position: absolute;
		top: 30px;
		left: 0;
		right: 0;
		height: 50px;
		min-height: auto;
	}

	div.perfil_negociacion_fullscreen div#perfil_negociacion_estados
	{
		position: absolute;
		top: 100px;
		left: 0;
		right: 0;
		margin-top: 0;
		height: 40px;
	}

	div.perfil_negociacion_fullscreen div#perfil_negociacion_mensajes
	{
		position: absolute;
		top: 140px;
		left: 0;
		right: 0;
		bottom: 84px;
		height: auto;
		min-height: auto;
	}

	div.perfil_negociacion_fullscreen div#perfil_negociacion_mensaje_form
	{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 22px;
		height: 50px;
		min-height: auto;
	}

	div.perfil_negociacion_fullscreen div#perfil_negociacion_estado
	{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 22px;
		min-height: auto;
	}