/*
div.attachments div.attachment div.description {
    font-style: italic;
    text-align: justify;
    margin-top: 1px;
    margin-bottom: 10px;
}
*/

/*
div.attachments span.attachment {
    display: table-row;

}
div.attachments span.attachment span {
    display: table-cell;
    margin: 10px;
}
*/

/*
span[class^="audio"] span, span[class*=" audio"] span {
    display: none;
    vertical-align: middle;
    padding: 8px;
}
*/

div.attachments {
	margin-left: 19px;
	margin-right: 19px;
}

h4, details.details-atts summary {
	font-size: 12pt;
	font-weight: bold;
	margin: 14px 0 0 18px;
}

details.details-atts.warn summary {
	border: 2px solid red;
	padding: 6px 8px;
	margin: 17px 19px;
	background-color: rgb(200, 50, 50);
}


div.attachments div.attachment {
	border: 1px solid black;
	padding: 6px;
}

div.attachments div.attachment span.player {
	border-left: 1px solid black;
	border-right: 1px solid black;
	width: 340px;
	padding: 0 6px 0 6px;
}

div.attachments div.attachment span.filename {
	width: 270px;
	padding: 0 6px 0 6px;
	word-wrap: anywhere;
}

div.attachments div.attachment span.download {
	width: 100px;
	text-align: center;
}

div.attachments div.attachment span {
	display: inline-block;
	vertical-align: middle;
}

div.attachments div.attachment span.player audio {
	width: 100%;
}