.mvs-loader .mvs-loader-spinner div > div { background-color: var(--main-color) !important; }

.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-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-element-info { border-color: #000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.mvs-element-info:before { border-color: #000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.mvs-element-info-container > span { font-weight: 300; display: block; font-size: 16px }
.mvs-element-info-container > ul { width: 100%; display: block; margin-top: 0px; padding-left: 5px; }
.mvs-element-info-container > ul li {
	display: block; padding: 5px 5px 5px 20px; margin: 0px; position: relative; font-size: 14px;
}
.mvs-element-info-container > ul li:before {
	content: "\2022"; color: var(--orange-color); font-weight: bold;
	display: block; width: 1em; font-size: 20px; line-height: 0;
    position: absolute; top: 13px; left: 5px;
}