/*\
|*| <div class="pda-sysmsg">
|*|   <button class="pda-sysmsg-toggle"></button>
|*|   <div class="pda-sysmsg-container">
|*|     <div class="pda-sysmsg-content">
|*|       <div class="pda-sysmsg-header">
|*|         <i class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></i>
|*|         <span></span>
|*|       </div>
|*|       <div class="pda-sysmsg-timestamp"></div>
|*|       <div class="pda-sysmsg-detail">
|*|         <div class="pda-sysmsg-detail-line"></div>
|*|       </div>
|*|     </div>
|*|   </div>
|*| </div>
\*/


.pda-sysmsg {
	margin-bottom: 20px;
	color: #0070C0;
}

.pda-sysmsg-collapse {
	color: inherit;
	font: inherit;
}

.pda-sysmsg-content,
.pda-sysmsg-header,
.pda-sysmsg-timestamp,
.pda-sysmsg-detail {
	margin-bottom: 10px;
	color: inherit;
	font: inherit;
}

.pda-sysmsg-content {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #999;
	padding-left: 40px;
}

.pda-sysmsg-header {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: -40px;
}

.pda-sysmsg-header > i {
	font-size: 40px;
	vertical-align: middle;
}

.pda-sysmsg-header > span {
	font-size: 20px;
	vertical-align: middle;
}

.pda-sysmsg-timestamp {
	font-style: italic;
	text-decoration: underline;
}

.pda-sysmsg-detail {
	font-style: italic;
}

.pda-sysmsg-detail > p,
.pda-sysmsg-detail > .pda-sysmsg-detail-line {
	margin-bottom: 10px;
}