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

.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='3' /></filter></svg>#blur");
	-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);
	transform: translateZ(0); will-change: transform;
}

.mvsMessagePopup {
	position: fixed; width: 380px; max-width: 90%; z-index: 99999999; background-color:#FFF;
	top: 50%; left: 50%; transform: translate(-50%, -50%); color: #444; padding: 15px; border: solid 1px #CCC;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px;  border-radius: 4px;
	-webkit-box-shadow: 0px 0px 25px #000; -moz-box-shadow: 0px 0px 25px #000; -ms-box-shadow: 0px 0px 25px #000; box-shadow: 0px 0px 25px #000;
}

.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-align: left; padding: 0;
}

.mvsMessagePopup .mvsMessageTitle { min-height: 30px; font-size: 18px; font-weight: bold; }
.mvsMessagePopup .mvsMessageText { font-size: 14px; padding: 15px 0px 10px; color: #888; line-height: 22px; }

.mvsMessagePopup .mvsMessageText span { width: 100%; }
.mvsMessagePopup .mvsMessageText input[type="text"],
.mvsMessagePopup .mvsMessageText input[type="password"],
.mvsMessagePopup .mvsMessageText textarea {
	position: relative; max-width: 100%; border: none; border-bottom: solid 1px #bbb; margin-bottom: 1px; color: #444; background: rgba(0, 0, 0, 0);
	padding: 0px 5px; width: 100%; font-size: 1.0rem; margin-top: 20px;
}
.mvsMessagePopup .mvsMessageText input[type="text"]:focus,
.mvsMessagePopup .mvsMessageText input[type="password"]:focus,
.mvsMessagePopup .mvsMessageText textarea:focus { border-bottom: solid 1px #887647; }
.mvsMessagePopup .mvsMessageText textarea { height: 71px; }

.mvsMessagePopup .mvsMessageButtons { margin: 15px 0px 0px; height: 40px; display: flex; }
.mvsMessagePopup .mvsMessageButtonContainer { display: flex; width: 100%; }

.mvsMessageButton {
	padding: 6px 20px; border: solid 1px #795f1c; cursor: pointer; background-color: #887647; color: #fff; font-size: 14px;
	margin: 5px auto; position: relative; display: block; width: 95%; max-width: 150px; text-align: center; white-space: pre-line;
}
.mvsMessageButton:focus, .mvsMessageButton:hover {
	background-color: #af975a; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5); -ms-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
}

.mvsMessageButton:active {
	background-color: #614d1b; -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.5);
    -o-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.5); -ms-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.5);
}
/*
.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; }