#mvsMessageMask {
	position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999998;
	background-color: rgba(0,0,0,0.5); 
}

.mvsMessageBlurried,
.mvsMessageBlurried * {
	-webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;	
}
.mvsMessageBlurried {
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='5' /></filter></svg>#blur");	
	-webkit-filter: blur(5px); 
	-moz-filter: blur(5px); 
	-o-filter: blur(5px); 
	-ms-filter: blur(5px); 
	filter: blur(5px); 	
	transform: translateZ(0); will-change: transform;
}

.mvsMessagePopup {
	position: fixed; width: 90%; max-width: 500px; z-index: 99999999; background-color: rgba(0,0,0,0);
	top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFF;
}

.mvsMessagePopup,
.mvsMessagePopup * {
	-webkit-transition:  all 0.2s ease-in-out; 
	   -moz-transition:  all 0.2s ease-in-out; 
	    -ms-transition:  all 0.2s ease-in-out; 
		 -o-transition:  all 0.2s ease-in-out; 
			transition:  all 0.2s ease-in-out;
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Chrome/Safari/Opera */
	   -khtml-user-select: none; /* Konqueror */
		 -moz-user-select: none; /* Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none;
}

.mvsMessagePopup .mvsMessageTitle,
.mvsMessagePopup .mvsMessageText,
.mvsMessagePopup .mvsMessageButtons {
	width: 100%; text-shadow: 0px 0px 10px #000; text-align: center; padding: 0;
}

.mvsMessagePopup .mvsMessageTitle {
	min-height: 30px; font-size: 150%; font-weight: bold;
}

.mvsMessagePopup .mvsMessageText {
	font-size: 110%; padding-top: 15px; text-shadow: 0px 0px 10px #000;
}

.mvsMessagePopup .mvsMessageText span { width: 100%; }
.mvsMessagePopup .mvsMessageText input[type="text"],
.mvsMessagePopup .mvsMessageText textarea { 
	background-color: transparent; width: 100%; border: solid 1px #CCC;
    font-size: 100%; padding: 3px 10px; margin: 5px; color: #FFF;
}
.mvsMessagePopup .mvsMessageText input[type="text"]:focus,
.mvsMessagePopup .mvsMessageText textarea:focus { box-shadow: 0px 0px 10px #CCC; }
.mvsMessagePopup .mvsMessageText textarea { height: 71px; }

.mvsMessagePopup .mvsMessageButtons {
	margin: 15px 0px 0px; height: 40px; display: table;
}

.mvsMessagePopup .mvsMessageButtonContainer { display: table-cell; width: 50%; }

.mvsMessageButton {
	height: 30px; padding-left: 15px; padding-right: 15px; background-color: rgba(0, 0, 0, 0);
    border: solid 1px #ccc; color: #FFF; margin: 5px auto; position: relative; display: block;
    width: 100%; max-width: 150px; font-size: 100%; text-align: center; cursor: pointer; line-height: 28px; 
}

.mvsMessageButton.mvsMessageAcceptButton:focus,
.mvsMessageButton.mvsMessageAcceptButton:hover {
	background-color: rgba(0,255,0,0.7);
}

.mvsMessageButton.mvsMessageAcceptButton:active {
	background-color: rgba(0, 158, 0, 0.7); box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.6); border: inset 1px #FFF;
}

.mvsMessageButton.mvsMessageCancelButton:focus,
.mvsMessageButton.mvsMessageCancelButton:hover {
	background-color: rgba(255,0,0,0.7);
}

.mvsMessageButton.mvsMessageCancelButton:active {
	background-color: rgba(158, 0, 0, 0.7); box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.6); border: inset 1px #FFF;
}


.mvsMessageUploadsContainer { 
	width: 100%; position: relative; margin: 20px auto; background-color: rgba(0,0,0,0); padding: 0; }
.mvsMessageUploadsContainer * { -webkit-transition:  none; -moz-transition:  none; -ms-transition:  none; -o-transition:  none; transition:  none; }

.mvsMessageUploadsContainer .mvsMessageInputFileContainer { display: none; }
.mvsMessageUploadsContainer .mvsMessageInputFileContainer input[type=file] { visibility: hidden; width: 1px; height: 1px; }
.mvsMessageUploadsContainer .mvsMessageUploadButtonContainer { width: 100%; display: table; }

.mvsMessageUploadsContainer .mvsMessageUploadButtonContainer .mvsMessageAddFilesButton { width: 100%; max-width: 100%; }	
.mvsMessageUploadsContainer .mvsMessageUploadButtonContainer .mvsMessageAddFilesButton:hover,
.mvsMessageUploadsContainer .mvsMessageUploadButtonContainer .mvsMessageAddFilesButton:focus { 
	background-color: rgba(3, 156, 249, 0.7);
}	
.mvsMessageUploadsContainer .mvsMessageUploadButtonContainer .mvsMessageAddFilesButton:active { 
	background-color: rgba(4, 58, 102, 0.7); box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.6); border: inset 1px #FFF;
}
.mvsMessageUploadsContainer .mvsMessageFilesContainer { 
	display: table; width: 100%; display: none; font-size: 14px; 
}
.mvsMessageUploadsContainer .mvsMessageFilesContainer > div { display: table-row; width: 100%; }
.mvsMessageUploadsContainer .mvsMessageFilesContainer > div > div { 
	display: table-cell; width: 50%; text-align: left; position: relative; vertical-align: middle; padding-left: 3px; 
	text-shadow: 1px 1px 1px #000; color: #FFFFFF; height: 30px; border-bottom: solid 1px #CCC; }
.mvsMessageUploadsContainer .mvsMessageFilesContainer > div > div:nth-child(2) { text-align: right; font-weight: bold; }
.mvsMessageUploadsContainer .mvsMessageFilesContainer > div > div:nth-child(3) { min-width: 30px; text-align: center; }
.mvsMessageUploadsContainer .mvsMessageFilesContainer > div > div:nth-child(3) img { cursor: pointer; width: 24px; height: 24px; vertical-align: middle; }