/* Coupons container */

#coupons table td p {		
	color: #333;	
}

#coupons table td p b{		
	font-family: 'DINPro-CondBold';
}

#coupons td{
	vertical-align: middle;
}

#coupons td:first-child {
	width: 100px;
}

#coupons img {
	width: 70px;
}

#coupons span.valid ,
#coupons span.retrieved ,
#coupons span.expired  {
	display: block;
	padding: 6px 12px;
	width: 40px;
	height: 10px;
	line-height: 0.8em;
    letter-spacing: 0.04em;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
}

#coupons span.valid {
	background: #00b050;
}

#coupons span.retrieved {
	background: #ffc000;
}

#coupons span.expired {
	background: #ff0000;
}

		#list .container #messsageDetail ul{
			display: block;
			margin: 0 2% 0 0;
		}

		#list .container #messageDetail ul li{
			display: block;
			margin: 0 0 12px 0;
			padding: 0px 10px;
			flex-grow: 100;		
			background: #d7d7d7;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;		
			border: none;
			display: flex;
	        justify-content: flex-start ;
		}
		
		#list .container #messageDetail ul span.content {
		    margin-left: 3%;
			width:94%;
   			padding:0 4px;
			text-align: left;
			white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
			white-space: -pre-wrap;      /* Opera 4-6 */
			white-space: -o-pre-wrap;    /* Opera 7 */
			white-space: pre-wrap;       /* css-3 */
			word-wrap: break-word;       /* Internet Explorer 5.5+ */
			white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
			word-break: break-all;
			white-space: normal;
	
		}
		
		#list .container #messageDetail ul span.item {
			margin: 0;
		    padding: 0;
		    border: 0;
		    font-size: 100%;
		    font: inherit;
		    vertical-align: baseline;
			width: 6%;
		}


		.contextmenu {
			display: none;
			position: absolute;
			width: 200px;
			margin: 0;
			padding: 0;
			background: #FFFFFF;
			border-radius: 5px;
			list-style: none;
			box-shadow: 0 15px 35px rgba(50,50,90,0.1),  0 5px 15px rgba(0,0,0,0.07);
			overflow: hidden;
			z-index: 999999;
		  }
		  
		  .contextmenu li {
			border-left: 3px solid transparent;
			transition: ease .2s;
		  }
		  
		  .contextmenu li a {
			display: block!important;
			padding: 10px;
			width: 200px;
			color: #B0BEC5;
			text-decoration: none;
			transition: ease .2s;
		  }
		  
		  .contextmenu li:hover {
			background:#B0BEC5;
			border-left: 3px solid #585758;
		  }
		  
		  .contextmenu li:hover a { color: #FFFFFF; }