@CHARSET "ISO-8859-1";

.msgs {
	font: 12px arial;
	border-bottom: 1px dotted #c2c2c2;
	padding: 2px;
}

.msgs .send {
	font: bold 14px arial;
}

.msgs .fecha {
	color: #c2c2c2;
	font: 12px arial;
}

.fecha_hoy,.fecha_HOY {
	color: green;
	font: 12px arial;
}

.msgs .titulo {
	font: bold 14px arial;
	text-decoration: underline;
}

.msgs .para span {
	font: 10px arial;
	padding: 2px;
}

.msgs .comentar {
	font: 12px arial;
	margin: 2px;
	border: 1px solid gold;
}

.msgs .msg {
	margin: 5px;
	padding: 2px;
	border: 1px dotted black;
}

.msg_usuarios {
	padding: 2px;
	margin: 2px;
	border-left: 1px dotted #c2c2c2;
	background-color: aliceblue;
}

.msg_usuarios .usuario {
	font: bold 14px arial;
}

.msg_usuarios .no_leido {
	font: bold 14px arial;
	background-color: #CCFF99;
	color: black;
}

.msg_usuarios .leido {
	font: bold 14px arial;
	background-color: white;
	color: gray;
}

.msg_comentario_estatus_leido {
	margin-left: 10px;
	background-color: none;
}

.msg_midificacion {
	padding: 2px;
	background-color: #CCFF99;
}

.msg_comentario_estatus_no_leido {
	margin-left: 10px;
	background-color: #CCFF99;
}

.msg_comentario_estatus_no_leido_otro {
	margin-left: 10px;
	background-color: #edeff4;
}

.msg_finalizado {
	background-color: #f0f0f0;
	color: red;
	text-decoration: line-through;
}

.msg_enviado {
	background-color: inherit;
	color: black;
	text-decoration: none;
}

.prioridad_ninguna {
	background-color: white;
}

.prioridad_baja {
	background-color: pink;
}

.prioridad_media {
	background-color: yellow;
}

.prioridad_alta {
	background-color: tomato;
}

.etiqueta {
	cursor: pointer;
	font: 10px monospace;
	border: 1px solid orange;
	background-color: #f2f2f2;
	margin-left: 2px;
	margin-right: 2px;
}

.etiqueta:hover {
	font: 10px monospace;
	border: 1px solid #f2f2f2;
	background-color: orange;
	margin-left: 2px;
	margin-right: 2px;
}

.pendientes_all {
	position: relative;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.f_left {
	position: relative;
	float: left;
}

.f_right {
	position: relative;
	float: right;
}

.f_clear {
	position: relative;
	clear: both;
}

fieldset.pend_t {
	border: 0px solid #006CBF;
	border-radius: 10px 10px;
	border: 1px solid #006CBF;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 4px;
	margin-bottom: 8px;
	width: 98%;
	padding: 0;
}

fieldset.pend_t input[type='text'] {
	width: 470px;
}
@media ( max-width : 1024px) {
	fieldset.pend_t { width: 98%  }
	.pendientes_all {
		max-width: 98%;
	}
}

@media ( max-width : 768px) {
	fieldset.pend_t { width: 98%  }
	.pendientes_all {
		max-width: 98%;
	}
	fieldset.pend_t input[type='text'] {
		width: 200px;
	}
}

.pend_t .titulo {
	position: relative;
	clear: both;
	width: 100%;
	background-color: aliceblue;
}

.pend_t .titulo .msg {
	position: relative;
	float: left;
	min-width: 5%;
	background-color: inherit;
}

.pend_t .titulo .de {
	position: relative;
	float: left;
	min-width: 5%;
	background-color: yellow;
	font: 10px arial;
}

.pend_t .titulo .para {
	position: relative;
	float: left;
	min-width: 5%;
	background-color: inherit;
}

.pend_t .titulo .check {
	position: relative;
	float: left;
	min-width: 5%;
	background-color: inherit;
}

.pend_t .titulo .prioridad {
	position: relative;
	float: left;
	min-width: 5%;
	background-color: inherit;
}

.pend_t .titulo .mensaje {
	position: relative;
	float: left;
	width: 75%;
	background-color: inherit;
}

.pend_t .titulo .mensaje {
	position: relative;
	float: left;
	width: 75%;
	background-color: inherit;
}

.pend_t .recados {
	position: relative;
	clear: both;
	width: 100%;
}

.pend_t .recados .boton {
	position: relative;
	float: left;
	width: 5%;
}

.pend_t .recados .recado {
	position: relative;
	float: left;
	width: 95%;
}

.pend_t button {
	border: 1px solid #dfdfdf;
	color: white;
	background-color: #006CBF;
	border-radius: 10px 10px;
	font: 16px arial;
}

.pendiente_link_all{
	float:right; 
	position: relative;
	width: 90%
	
}
.pendiente_link {
	font-weight: bold;
	border-top: 1px dashed #dfdfdf;
	float: left;
	width: 100%;
}

.pendiente_link .pendiente_link_menos {
	position: relative;
	float: left;
	width: 30px;
}

.pendiente_link .pendiente_link_titulo {
	position: relative;
	float: left;
	width: 90%;
}

.pendiente_link_titulo:hover {
	cursor: pointer;
	text-decoration: underline;
}

.pendiente_link .pendiente_link_titulo span {
	font-weight: normal;
	font: 10px arial;
}