@CHARSET "UTF-8";

/*ul.ui-front{
	z-index: 102 !important;
}*/

table.noborder tr.liste_titre{
	background: rgb(220,220,223) !important;
}
table.noborder tr.impair{
	background: rgb(255,255,255) !important;
}
table.noborder tr.pair{
	background: rgb(250,250,250) !important;
}
#mainmenutd_webmail, #mainmenutd_webmail .tmenucenter {
	min-width: 71px;
}
#list_messages tr.selected{
	background:#d2f5b0 !important;
}
#list_messages input.liste_titre[type=submit]{
	background-color: #FDFDFD !important;
	padding: 2px;
	margin-left: 4px;
}
#list_messages td.link{
	display:none;
}
#list_messages, #list_messages a{
	color: #000000;
}
#list_messages tr.unread{
	font-weight: bolder;
	color: #000000;
}
#list_messages tr.unread a, #list_messages tr.unread a{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#list_messages tr a{
	text-decoration: none;

}
#list_messages a:link, #list_messages a:visited, #list_messages a:hover, #list_messages a:active{
	font-weight: normal;
	color:  #000000;
}
#list_messages tbody {
  display: block;
  height: 30vh;
  min-height: 100px;
  overflow-Y: scroll;
}
#list_messages tr {
  display: block;
  overflow: hidden;
}
#list_messages thead > tr, #list_messages tbody{
    display:block;
}

#list_messages tbody tr:hover {
	cursor: pointer;
  	background:#24A9DB !important;
}

#list_messages tbody tr:nth-child(2n+1) { /*impair*/
	background: linear-gradient(bottom, rgb(255,255,255) 85%, rgb(255,255,255) 100%);
	background: -o-linear-gradient(bottom, rgb(255,255,255) 85%, rgb(255,255,255) 100%);
	background: -moz-linear-gradient(bottom, rgb(255,255,255) 85%, rgb(255,255,255) 100%);
	background: -webkit-linear-gradient(bottom, rgb(255,255,255) 85%, rgb(255,255,255) 100%);
	background: -ms-linear-gradient(bottom, rgb(255,255,255) 85%, rgb(255,255,255) 100%);
	font-family: arial,tahoma,verdana,helvetica;
	border: 0px;
	margin-bottom: 1px;
	color: #202020;
	min-height: 18px; /* seems to not be used */
}
#list_messages tbody tr:nth-child(2n) { /*pair*/
	background: linear-gradient(bottom, rgb(242,242,242) 85%, rgb(248,248,248) 100%);
	background: -o-linear-gradient(bottom, rgb(242,242,242) 85%, rgb(248,248,248) 100%);
	background: -moz-linear-gradient(bottom, rgb(242,242,242) 85%, rgb(248,248,248) 100%);
	background: -webkit-linear-gradient(bottom, rgb(242,242,242) 85%, rgb(248,248,248) 100%);
	background: -ms-linear-gradient(bottom, rgb(242,242,242) 85%, rgb(248,248,248) 100%);
	font-family: arial,tahoma,verdana,helvetica;
	border: 0px;
	margin-bottom: 1px;
	color: #202020;
}
#list_messages tr.liste_titre th,#list_messages th.liste_titre,#list_messages tr.liste_titre td,#list_messages td.liste_titre,#list_messages form.liste_titre div,
#list_messages div.liste_titre{
	border-bottom: none !important;
}
#list_messages tr.liste_titre_sel th, #list_messages th.liste_titre_sel, #list_messages tr.liste_titre_sel td,
#list_messages td.liste_titre_sel, #list_messages form.liste_titre_sel div{
	text-decoration: none !important;
}
#list_messages tr.liste_titre, #list_messages tr.liste_titre_sel, #list_messages form.liste_titre, #list_messages form.liste_titre_sel, #list_messages table.dataTable.tr{
	min-height: 30px !important;
	height: auto !important;
}
#list_messages [data-campo='status'] select{
	background-repeat: no-repeat;
  	background-position: 2px;
  	width: 35px;
  	padding-left: 10px;
}
#list_messages [data-campo='read'] select{
	background-repeat: no-repeat;
	background-position: 2px;
	width: 100px;
	padding-left: 10px;
}
#list_messages [data-campo='status'] option, #list_messages [data-campo='read'] option{
	padding-left:0px;
	background-repeat: no-repeat;
  	background-position: 2px;
  	width: 80px;
}

/*thead*/
#list_messages thead th,#list_messages thead td{
	text-align: center;
}
#list_messages thead td{
	margin-top:3px;
	margin-bottom: 3px;
}

#list_messages table{
	min-width: 720px;
}

/*tamaño campos*/
#list_messages [data-campo]{
	overflow: hidden;
	display: inline-block;
	/*white-space: nowrap*/
}

#list_messages tbody [data-campo] {
  /*display: grid;*/
}

#list_messages [data-campo='date'] {
  width: 70px;
}

#list_messages [data-campo='attachments'] {
  width: 45px;
}
#list_messages thead [data-campo='sender'], #list_messages thead [data-campo='to'], #list_messages thead [data-campo='topic']{
	width: calc((100% - 360px)/3);
	padding-left: 6px;
  	padding-right: 6px;
}
#list_messages thead td[data-campo='sender'], #list_messages thead td[data-campo='to'], #list_messages thead td[data-campo='topic']{
	text-align: left;
}
#list_messages tbody [data-campo='sender'], #list_messages tbody [data-campo='to'], #list_messages tbody [data-campo='topic']{
	width: calc((100% - 365px)/3);
	padding-left: 6px;
  	padding-right: 6px;
  	white-space: nowrap;
}
#list_messages [data-campo='sender'] input, #list_messages [data-campo='to'] input, #list_messages [data-campo='topic'] input {
	width: 90%;
}
#list_messages [data-campo='status'] {
  width: 65px;
  text-align: center;
}
#list_messages [data-campo='delete'] {
  width: 80px;
  text-align: center;
}
#list_messages thead [data-campo='read']{
	 width: calc((100% - 460px)/4);
	 padding-left: 6px;
	 padding-right: 6px;
	 text-align: center;
 }
#list_messages tbody [data-campo='read']{
	width: calc((100% - 465px)/4);
	padding-left: 6px;
	padding-right: 6px;
	white-space: nowrap;
	text-align: center;
}

/*MESSAGE*/
#iframe_body{
	background-color: #ffffff;
  	border: 1px solid #999999;
  	overflow-Y: auto;
}
#message_head .from, #message_head .to{
	width: 100px;
	text-align: right;
	margin-right: 5px;
}
#message_head .from::AFTER, #message_head .to:AFTER{
	content:":";
}
#message_head > div > div{
	min-height: 18px;
	white-space: pre-line;
	width: 80%;
}

#message{
	position: relative;
	padding: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(234,234,234, 0.5) 25%, rgba(210,210,210, 0.5) 100%);
	border: 1px solid #B0B0B0;
}
#attachments div {
  margin-right: 5px;
}
.clearfix:before, .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
.clearfix:after {
  clear: both; }

/*buttons actions*/
#actions{
	margin-bottom: 5px;
  	text-align: right;
  	margin-top: 8px;
}
#actions a:hover{
	text-decoration: none;
}

/*show in icon webmail in menu, number of unread emails*/
#unread_emails {
	background-color: #000000;
	color: #FFFFFF;
	border-radius: 18px;
	border-style:solid;
	text-align: center;
	z-index: 1;

	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);

	-webkit-transition: height 0.8s, width 0.8s , font-size 0.8s, border-width 0.8s, margin-left 0.8s, margin-top 0.8s, line-height 0.8s;
	-moz-transition: height 0.8s, width 0.8s , font-size 0.8s, border-width 0.8s, margin-left 0.8s, margin-top 0.8s, line-height 0.8s;
	transition: height 0.8s, width 0.8s , font-size 0.8s, border-width 0.8s, margin-left 0.8s, margin-top 0.8s, line-height 0.8s;
}
#unread_emails.unread_emails{
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	border-width: 2px;
	margin-left: 46px;
	margin-top: -37px;
	z-index: 10;
	position: absolute;
}
#unread_emails.read_emails{
	width: 0px;
	height: 0px;
	font-size: 0px;
	border-width: 0px;
	line-height: 0px;
	margin-left: 54px;
	margin-top: -29px;
	z-index: 10;
	position: absolute;
}

/*show in menu, icon webmail, show number of new emails*/
#new_emails.new_emails{
	width: 12px;
	height: 12px;
	font-size: 11px;
	left: 60px;
	top: 3px;
	z-index: 20;
	position: absolute;

}
#new_emails.no_new_emails {
	width: 0px;
	height: 0px;
	font-size: 0px;
	left: 51px;
	top: 12px;
	z-index: 20;
	position: absolute;
}
#new_emails{
	position: absolute;
	background-color: #E60000;
	color: #FFFFFF;
	border-radius: 10px;
	line-height: 11px;
	text-align: center;
	z-index: 2;

	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);

	-webkit-transition: height 0.8s, width 0.8s , font-size 0.8s, left 0.8s, top 0.8s;
	-moz-transition: height 0.8s, width 0.8s , font-size 0.8s, left 0.8s, top 0.8s;
	transition: height 0.8s, width 0.8s , font-size 0.8s, left 0.8s, top 0.8s;
}

/*in left menu show in input the number of unread emails*/
#unread_inbox {
	display: none;
	float: right;
	margin-right: 11px;
	line-height: 14px;
	font-size: 10px;
}
#unread_inbox:before{
	content: '(';
}
#unread_inbox:after{
	content: ')';
}

/* Mobile */

@media only screen and (max-height: 768px) {

}