#viewContent {
	font-size: 12px;
}

#viewContent button,
#viewContent input,
#viewContent optgroup,
#viewContent select,
#viewContent textarea {
	font-size: 12px;
}

.simpleRenderer .viewOnly {
	border-radius: 4px; 
	padding: 4px;
	border: 1px solid lightgray !important;
	background-color: #eee;
}

.componentContent {
	width: 100%;
	height: 100%;
}

.simpleRenderer {
	background-color: white;
	width: 100%;
}

.directEdit {
	width: 100%;
	padding: 0 !important;
	border: 1px solid lightgray !important;
}

.contentBody button.viewButton {
	background-color: white;
	color: black;
	border: 1px solid gray;
}

@media screen and (max-width: 767px) {
	footer,
	#__header__alarmLevel,
	#userMutedImg,
	#timeZonePrompt {
		display: none !important;
		--event-disabled: true;
	}
}