/**
 * TYPO3 Flash Messages Styling
 */

.typo3-messages,
.flashMessages {
	clear: both;
	float: left;
	width: 100%;
	margin-left: 0;
	font-family: 'Courier New', monospace !important;
}

button.close {
	float: right;
	width: 20px;
	height: 20px;
	opacity: 1;
	background: url("../../../../fpmt/Resources/Public/Images/Icons/close_20x20.png") repeat 0 0;
}

.alert-row {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.typo3-alert {
	display: table-cell;
	vertical-align: middle;
	width: 1000px;
	height: 100px;
	color: #000000;
	margin-top: 10px;
	padding: 0.6em 0.6em 0.6em 80px;
	word-wrap: break-word;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 64px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #666;
	border: 1px solid green;
}

.alert {
	clear: left;
	display: table;
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #666;
	border-width: 1px;
}

.fa {
}

.fa-stack.fa-lg {
	width: auto;
	height: auto;
}

.fa.fa-stack-1x {
	display: table-cell;
	float: left;
	background-size: 50px;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin: 10px 0 10px 10px;
}

.fa-stack-2x {

}

.alert-message {
}

.media {
	display: table-row;
	min-height: 20px;
}

.media-left,
.media-body {
	vertical-align: middle;
	padding: 10px;
}

@media all and (max-width: 767px) {
	.media-left {
		padding: 0;
	}
}

.alert-header {
	font-weight: bold;
}

.alert-body {
	margin-top: 10px;
	display: table-cell;
	vertical-align: middle;
}

.typo3-alert h4 {
	margin-top: 0;
}

/**
 * Notice
 */
.fa-notice,
.fa-lightbulb,
.fa-lightbulb-o {
	background-image: url("../../../../fpmt/Resources/Public/Images/Icons/lightbulb.png");
}

/**
 * Ok, Success
 */
.fa-ok,
.fa-success,
.fa-check {
	background-image: url("../../../../fpmt/Resources/Public/Images/Icons/accept.png");
}

/**
 * Info
 */
.fa-info {
	background-image: url("../../../../fpmt/Resources/Public/Images/Icons/information_icon.png");
}

/**
 * Error
 */
.fa-error,
.fa-danger,
.fa-times {
	background-image: url("../../../../fpmt/Resources/Public/Images/Icons/error.png");
}

/**
 * Warning
 */
.fa-warning,
.fa-exclamation {
	background-image: url("../../../../fpmt/Resources/Public/Images/Icons/warning.png");
}


/* Disable bei kleinen Displays? */
@media all and (max-width: 767px) {
	.fa-success,
	.fa-check,
	.fa-notice,
	.fa-lightbulb,
	.fa-info,
	.fa-warning,
	.fa-exclamation,
	.fa-danger,
	.fa-times {
		display: none;
	}
}

.media-body {
	vertical-align: middle;
}