/* ##### message */
/*
    MESSAGE
*/

.messagebox-container{
    width: 100%;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}

.messagebox,
.messagecloud,
.messagebox-error,
.messagebox-info,
.messagebox-infonormal {
	display: block;
	padding: 1rem;
	margin: 1rem;
	-moz-border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	border-radius: 0.25rem;
	max-width: 100% !important; /* fix for smartphone */
}

.messagecloud {
	position: fixed;
	z-index: 1002;
	text-align: center;
	width: 400px;
	font-weight: bold;
	background-color: #fff;
	box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);
}

.messagebox-info,
.message-info {
	color: #039ae1;
	border: 1px solid #039ae1;
}

.messagebox-error,
.message-error {
	border: 1px solid #721c24;
	background-color: #f8d7da;
	color: #721c24;
}

.messagebox-infonormal {
	color: #3A4856;
	border: none;
}

.message-warn {
	background-color: #FF6600;
	color: #fff;
}

.message-external {
	text-align: center;
	font-size: 14px;
}

.messagecloud .close {
	margin-top: -0.1rem;
}

.copied-message {
	position: absolute;
	top: 1rem;
	left: 50%;
	margin-left: -200px;
	z-index: 10;
}


/* MFT */

.mft-cache {
	padding-left: 1rem;
	margin-top: 0.5rem;
	color: #9EADBD;
}

.mft-cache-error {
	padding-left: 1rem;
	margin-top: 0.5rem;
	color: #cf2a27;
}


/*
	SMARTPHONES
*/
@media (max-width: 767.98px) {
	.messagecloud {
		left: 2% !important;
		width: 96% !important;
		top: 2rem !important;
	}
}

/*
	TABLETS AND SMALLER
*/
@media (max-width: 1199.98px) {
	.messagebox,
	.messagecloud,
	.messagebox-error,
	.messagebox-info,
	.messagebox-infonormal {
		margin-left: 0;
		margin-right: 0;
	}

	.copied-message {
		width: 100%;
		left: 0;
	}
}