/**
 * MegaForm Front Office Features (Version 1.1.5)
 *
 * @author    Lineven
 * @copyright 2012-2021 Lineven
 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 * International Registered Trademark & Property of Lineven
 */

.megaform_fix { clear: both; }
.lmgf-form-field-rosebud { display: none; }

/*********************************/
/* DISCUSSION THREAD			 */
/*********************************/
.lmgf_discussion_thread .message {
	width: 49%;
	padding: 12px;
	border:1px solid transparent;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin-bottom: 8px;
}
.lmgf_discussion_thread .message hr {
	margin-top: 8px;
	margin-bottom: 2px;
}
.lmgf_discussion_thread .message .message-informations {
	text-align: right;
}
.message-employee {
	background: #c8e8ef;
}
.message-customer {
	background: #d3f5dd;
	float: right;
}

/*********************************/
/* LOADER						 */
/*********************************/
.lmgf_loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10000;
	width: 70px;
	height: 70px;
	margin: -75px 0 0 -75px;
	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid #3498db;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
}

@-webkit-keyframes animatebottom {
	from { bottom:-100px; opacity:0 }
	to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
	from{ bottom:-100px; opacity:0 }
	to{ bottom:0; opacity:1 }
}