.mvs-notification { border-radius: var(--box-border-radius); }

.mvs-message-popup > div.mvs-message-popup-content input[type="text"],
.mvs-message-popup > div.mvs-message-popup-content input[type="number"],
.mvs-message-popup > div.mvs-message-popup-content input[type="password"],
.mvs-message-popup > div.mvs-message-popup-content textarea {
	position: relative; width: 100%; max-width: 100%; border: none; margin-bottom: 1px; padding: 0px 5px;

	border-top: var(--input-border-top-style); border-right: var(--input-border-right-style);
	border-bottom: var(--input-border-bottom-style); border-left: var(--input-border-left-style);
	height: var(--input-height); background-color: var(--input-bg-color); color: var(--input-text-color);
	font-family: var(--main-font); font-size: var(--input-font-size); font-weight: var(--input-font-weight);
	border-radius: var(--input-border-radius);
}

.mvs-message-popup > div.mvs-message-popup-content input[type="text"]:focus,
.mvs-message-popup > div.mvs-message-popup-content input[type="number"]:focus,
.mvs-message-popup > div.mvs-message-popup-content input[type="password"]:focus,
.mvs-message-popup > div.mvs-message-popup-content textarea:focus {
	border-top: var(--input-active-border-top-style); border-right: var(--input-active-border-right-style);
	border-bottom: var(--input-active-border-bottom-style); border-left: var(--input-active-border-left-style);
}

.mvs-message-popup > div.mvs-message-popup-content input[type="text"].mvs-message-mandatory,
.mvs-message-popup > div.mvs-message-popup-content input[type="number"].mvs-message-mandatory,
.mvs-message-popup > div.mvs-message-popup-content input[type="password"].mvs-message-mandatory,
.mvs-message-popup > div.mvs-message-popup-content textarea.mvs-message-mandatory {
	border-color: var(--error-color);
}

.mvs-message-popup > div.mvs-message-popup-buttons button {
	display: inline-flex; align-items: center; padding: 8px 20px; min-height: 30px; cursor: pointer; position: relative;
	text-align: center; text-decoration: none; white-space: nowrap; overflow: hidden; vertical-align: middle;
	text-overflow: ellipsis;  touch-action: manipulation;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;

	font-family: var(--main-font); font-size: var(--button-font-size); font-weight: var(--button-font-weight);
	color: var(--button-text-color); border-radius: var(--button-border-radius);
	border: solid var(--button-border-width) var(--button-border-color); background-color: var(--button-bg-color);
}

.mvs-message-popup > div.mvs-message-popup-buttons button:hover,
.mvs-message-popup > div.mvs-message-popup-buttons button:focus {
	background-color: var(--button-hover-bg-color); color: var(--button-hover-text-color); border-color: var(--button-hover-border-color);
}
.mvs-message-popup > div.mvs-message-popup-buttons button:active {
	background-color: var(--button-active-bg-color); color: var(--button-active-text-color); border-color: var(--button-active-border-color);
	-webkit-box-shadow: var(--button-active-boxshadow); -moz-box-shadow: var(--button-active-boxshadow);
	-ms-box-shadow: var(--button-active-boxshadow); box-shadow: var(--button-active-boxshadow);
}

.mvs-dropzone.mvs-dropzone:hover, .mvs-dropzone.mvs-dropzone-dragging { border-color: var(--main-color) !important; }
.mvs-dropzone:hover:after, .mvs-dropzone:hover:before,
.mvs-dropzone.mvs-dropzone-dragging:after, .mvs-dropzone.mvs-dropzone-dragging:before {
	background-color: var(--main-color);
}

.mvs-rows-per-page button:hover { background-color: var(--light-main-color) !important; }
.mvs-rows-per-page button.active { background-color: var(--main-color) !important; }

.mvs-paginator button:not([disabled]):hover { background-color: var(--light-main-color) !important; }
.mvs-paginator button.active { background-color: var(--main-color) !important; }

.mvs-star-rating .mvs-star { background-color: var(--main-color) !important; }
.mvs-star-rating .mvs-star.mvs-star-active { background-color: var(--main-color) !important; }
.mvs-star-rating.error .mvs-star { background-color: red !important; }
.mvs-star-rating.error + .error-message { display: block; }