/* Mobile/tablets in portrait mode */
@media screen and (max-device-width: 768px) and (orientation: portrait)
{
ul.contentbar > li.right
, ul.contentbar > ul.right
{
	display: none;
}

}

iframe#preview
{
	width: 100%;
	height: 100%;
	background-color: white;
	color: black;
}

/* Mail reader view */
span.mail_read > table
{
	width: 100%;
	border-bottom: 1px solid;
	border-color: grey;
}

span.mail_read > table tr > td
{
	padding: 2px 0;
}

span.mail_read iframe#mail_reader
{
	background: white;
	color: black;
	height: 600px;
	width: 100%;
}

/* Mail content list */
tbody#contentlist tr.draft td
{
	font-style: italic;
}

tbody#contentlist tr.unseen td
	, div#menu.menu a.unseen
{
	font-weight: bold;
}

tbody#contentlist tr.deleted td
{
	text-decoration: line-through
}

/* compliancy/iso */
span.mail_internal
	, span.mail_external
{
	color: white;
	background: orange;
	padding: 3px;
	border-radius: 3px;
}

span.mail_warning
{
	color: white;
	background: red;
	padding: 3px;
	border-radius: 3px;
}

/* Mail composer */
form#compose_form > table
	, form#compose_form div#content > main > table
{
	border-bottom: 1px solid;
	border-color: grey;
	width: 100%;
}

form#compose_form #jdrop_placeholder
{
	text-align: center;
	width: 100%;
	color: grey;
	padding-top: 25px;
}

form#compose_form input#subject
	, form#compose_form div.input
	, form#compose_form > div > table > tbody > tr > td > select
{
	width: 592px;
	vertical-align: middle;
	display: inherit;
}

form#compose_form iframe#edit
{
	width: 100%;
	height: 500px;
	overflow: auto;
}

form#compose_form ul.menu_send li
{
	display: block;
}
form#compose_form ul.menu_send
{
	padding-left: 0px;
}
form#compose_form input#contact_query
	, form#compose_form input#contact_query2
{
	outline: none;
	margin: 0;
}

div#mail_notification_action
{
	z-index: -1000;
	position: fixed;
	bottom: 100px;
	left: 40vw;
	background-color: black;
	color: white;
	font-weight: bold;
	border-radius: 10px;
	padding: 15px;
	font-size: 20px;
	opacity: 1;
	transition: opacity 3s ease-out;
}

/* Log */
table.log
{
	width: 100%;
}
table.log_sent tr th
{
	position: sticky;
	top: 0px;
	height: 40px;
}
table.log_sent td
	, table.log_sent th
{
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
}
table.log_sent td:nth-child(5)
{
	white-space: unset;
}
table.log_sent tr.entry td
{
	border-top: 1px solid grey;
}
table.log tr td:nth-child(n+2) img.icon
{
	vertical-align: unset;
}
table.log_received tr td:nth-child(1)
	, table.log_received tr td:nth-child(n+6)
{
	white-space: nowrap;
}

@media screen and (max-device-width: 768px) and (orientation: portrait)
{
	html, body
	{
		height: auto;
	}
	#mail_reader
	{
		height: auto;
	}
}