/*
	VALUE MONITORING JS PLUGIN
	Datei: valueMonitoring.css
	Autor: Ole Jepsen
	Firma: 2wcom Systems GmbH

	Voraussetzungen:
	- valueMonitoring.js

	Versionshistory:
		v0.13 (05.07.2022 ojepsen)
			- add: rule for "notice" state
		v0.12 (16.09.2020 ojepsen)
			- add: rule for attr "_vm-changed"
		v0.11 (15.09.2020 rmagnussen)
			- added rule to show a normal select as invalid, too
		v0.10 (11.05.2020 rmagnussen)
			- renamed to valueMonitoring.css
			- class mon_showChanges renamed to vm-showChanges
			- class mon_showAdded renamed to vm-showAdded
			- attribute check_changed renamed to vm-changed
			- attribute mon_added renamed to vm-added
			- attribute check_invalid renamed to vm-invalid
			- attribute check_hiddenFlag renamed to vm-hiddenFlag
			- attribute mon_hidesavebtn renamed to vm-hidesavebtn

		v0.01 (26.09.2019 ojepsen)
			- initial release as monitoring.css
*/

/* ######################################################## Data monitoring */
.vm-showChanges input[type="text"][vm-changed="true"],
.vm-showChanges input[type="password"][vm-changed="true"],
.vm-showChanges textarea[vm-changed="true"],
.vm-showChanges div:not(.wws-select-con):not(.switch-button-background)[vm-changed="true"],
.vm-showChanges select[vm-changed="true"]{
	-webkit-box-shadow: inset 0px 0px 2px 1px #1e9476;
	-moz-box-shadow: 	inset 0px 0px 2px 1px #1e9476;
	box-shadow: 		inset 0px 0px 2px 1px #1e9476;
	border-color: #1e9476 !important;
}

.vm-showChanges span[vm-changed="true"],
.vm-showChanges td[vm-changed="true"],
.vm-showChanges th[vm-changed="true"]{
	color: #1e9476 !important;
}


.vm-showChanges div.wws-select-con[_vm-changed="true"] .switch-button-button,
.vm-showChanges div.switch-button-background[_vm-changed="true"] .switch-button-button,
.vm-showChanges div.vc-con[_vm-changed="true"] .vc-circle{
	background-color: #1e9476;
	border: 1px solid white;
	width: 12px !important;
	height: 12px;
}


.vm-showChanges div.vs-con[_vm-changed="true"].vs-con,
.vm-showChanges div.wws-select-con[_vm-changed="true"] > .wws-view-con {
	-webkit-box-shadow: inset 0px 0px 2px 1px #1e9476;
	-moz-box-shadow: 	inset 0px 0px 2px 1px #1e9476;
	box-shadow: 		inset 0px 0px 2px 1px #1e9476;
	border-color: #1e9476 !important;
}

.vm-showChanges div.vs-con[_vm-notice="true"].vs-con,
.vm-showChanges div.wws-select-con[_vm-notice="true"] > .wws-view-con {
	-webkit-box-shadow: inset 0px 0px 2px 1px #f3943e !important;
	-moz-box-shadow: 	inset 0px 0px 2px 1px #f3943e !important;
	box-shadow: 		inset 0px 0px 2px 1px #f3943e !important;
	border-color: #f3943e !important;
}

.vm-showChanges div.vs-con[_vm-invalid="true"].vs-con,
.vm-showChanges div.wws-select-con[_vm-invalid="true"] > .wws-view-con {
	-webkit-box-shadow: inset 0px 0px 2px 1px #e61f38 !important;
	-moz-box-shadow: 	inset 0px 0px 2px 1px #e61f38 !important;
	box-shadow: 		inset 0px 0px 2px 1px #e61f38 !important;
	border-color: #e61f38 !important;
}

div.vs-con[_vm-invalid="true"].vs-con:not(.disabled):hover div.vs-arrow-btn {
	background-color :#e61f38 !important;
	border-left: 1px solid #cf1d35;
}

.vm-showChanges .ui-tabs .ui-tabs-nav li.changedElements a,
.vm-showChanges.ui-tabs .ui-tabs-nav li.changedElements a,
.vm-showChanges div.changedElements
{   
	 color: #1e9476;
}


.vm-showChanges .ui-tabs .ui-tabs-nav li.invalidElements a,
.vm-showChanges.ui-tabs .ui-tabs-nav li.invalidElements a,
.vm-showChanges div.invalidElements
{
	color: #e61f38 !important;
}


.vm-showAdded input[type="text"][vm-added="true"],
.vm-showAdded input[type="password"][vm-added="true"],
.vm-showAdded textarea[vm-added="true"],
.vm-showAdded div:not(.wws-select-con):not(.switch-button-background)[vm-added="true"],
.vm-showAdded select[vm-added="true"]{
	-webkit-box-shadow: inset 0px 0px 2px 1px #1e9476;
	-moz-box-shadow: 	inset 0px 0px 2px 1px #1e9476;
	box-shadow: 		inset 0px 0px 2px 1px #1e9476;
	border-color: #1e9476 !important;
}

.vm-showAdded span[vm-added="true"],
.vm-showAdded td[vm-added="true"],
.vm-showAdded th[vm-added="true"]{
	color: #1e9476 !important;
}


.vm-showAdded div.wws-select-con[vm-added="true"] .switch-button-button,
.vm-showAdded div.switch-button-background[vm-added="true"] .switch-button-button,
.vm-showAdded div.vc-con[_vm-changed="true"] .vc-circle{
	background-color: #1e9476;
	border: 1px solid white;
	width: 12px !important;
	height: 12px;
}
input[type="text"][vm-notice="true"]:not([vm-hiddenFlag="true"]),
input[type="password"][vm-notice="true"]:not([vm-hiddenFlag="true"]),
textarea[vm-notice="true"]:not([vm-hiddenFlag="true"]),
select[vm-notice="true"]:not([vm-hiddenFlag="true"]),
.vs-select[_vm-notice="true"]
{
	-webkit-box-shadow: inset 0px 0px 2px 1px #f3943e !important;
	-moz-box-shadow: 	inset 0px 0px 2px 1px #f3943e !important;
	box-shadow: 		inset 0px 0px 2px 1px #f3943e !important;
	border-color: #f3943e !important;
}
input[type="text"][vm-invalid="true"]:not([vm-hiddenFlag="true"]),
input[type="password"][vm-invalid="true"]:not([vm-hiddenFlag="true"]),
textarea[vm-invalid="true"]:not([vm-hiddenFlag="true"]),
select[vm-invalid="true"]:not([vm-hiddenFlag="true"]),
.vs-select[_vm-invalid="true"]
{
	-webkit-box-shadow: inset 0px 0px 2px 1px #e61f38 !important;
	-moz-box-shadow: 	inset 0px 0px 2px 1px #e61f38 !important;
	box-shadow: 		inset 0px 0px 2px 1px #e61f38 !important;
	border-color: #e61f38 !important;
}


button[vm-hidesavebtn="true"]{
	display: none;
}