#notificationConfigPanel {
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	position: absolute;
	left: 0px;
	top: 0px;
	color: var(--text-color-sidePanel);
	background: var(--second-color-lightest);
	display: none;
	outline: var(--text-color-sidePanel);
	z-index: 10;
}

#notificationConfigPanel input[type='checkbox'] {
	height: 1em;
}

#notificationConfigPanel input[type='checkbox'] {
	cursor: pointer;
}

#notificationConfigPanelHeadline {
	font-size: 2em;
	font-weight: 900;
}

#notificationConfigPanelInfo {
	position: absolute;
	top: 2px;
	font-size: 2em;
	cursor: help;
}

#notificationConfigPanel input, #notificationConfigPanel textarea, #notificationConfigPanel select {
	background: var(--input-background-sidePanel);
	color: var(--text-color-sidepanel);
	border: none;
	font-size: inherit;
}

#notificationConfigPanel textarea {
	resize: none;
}

#notificationConfigPanel_closeButton {
	font-size: 2em;
	float: right;
	right: 4px;
	top: 4px;
	position: absolute;
	cursor: pointer;
}

#notificationConfigPanel_existingNotificationsDiv, #notificationConfigPanel_notificationValuesDiv, #notificationConfigPanel_notificationValuesConditionDiv, #notificationConfigPanel_notificationValuesIntervalDiv {
	width: 30vw;
	height: 80vh;
	margin-top: 8vh;
	margin-left: 2vw;
	border: 1px solid;
	position: absolute;
	overflow: auto;
}

#notificationConfigPanel_notificationValuesDiv {
	margin-left: 35vw;
}

#notificationConfigPanel_notificationValuesConditionDiv, #notificationConfigPanel_notificationValuesIntervalDiv {
	margin-left: 68vw;
	height: 15vh;
	width: 28vw;
	text-align: left;
}

#notificationConfigPanel_notificationValuesIntervalDiv {
	height: 41vh;
	margin-top: 29vh;
}

#notificationConfigPanel_existingNotificationsDivTable, #notificationConfigPanel_notificationValuesDivTable {
	width: 100%;
	text-align: left;
}

#notificationConfigPanel_notificationValuesConditionDiv_oneOfThoose {
	margin-left: 4px;
	margin-top: 4px;
	width: 50%;
}

#notificationConfigPanel_notificationValuesConditionDiv_oneOfThooseInput {
	width: 95%;
	margin-top: 0px;
	margin-left: 4px;
	height: 11vh;
}

#notificationConfigPanel_notificationValuesConditionDiv_oneOfThooseCheckbox {
	float: left;
}

#notificationConfigPanel_notificationValuesConditionDiv_isBigger {
	position: absolute;
	right: 2px;
	top: 4px;
	width: 40%;
}

#notificationConfigPanel_notificationValuesConditionDiv_isBigger label, #notificationConfigPanel_notificationValuesConditionDiv_isBigger input {
	float: left;
}

#notificationConfigPanel_notificationValuesConditionDiv_isSmaller {
	position: absolute;
	right: 4px;
	width: 40%;
	top: 6em;
}

#notificationConfigPanel_notificationValuesConditionDiv_isSmaller label, #notificationConfigPanel_notificationValuesConditionDiv_isSmaller input {
	float: left;
}

#notificationConfigPanel_notificationValuesConditionDiv_IsBiggerInput, #notificationConfigPanel_notificationValuesConditionDiv_IsSmallerInput {
	margin-top: 4px;
}

#nCP_nVCDiv_oneOfThooseOrDiv, #nCP_nVCDiv_isBiggerCheckboxOrDiv, #nCP_nVCDiv_isSmallerCheckboxOrDiv {
	float: right;
}

#nCP_nVCDiv_oneOfThooseOr {
	margin-top: 0px;
}

#nCP_nVCDiv_oneOfThooseOrDiv {
	margin-top: -1em;
}

#nCP_firstMsgCB, #nCP_lastMsgCB, #nCP_numOfMsgCB {
	float: left;
}

#nCP_curNumOfMsg {
	display: inline;
	margin-left: 1em;
}

#nCP_lastMsg {
	margin-left: 1em;
}

#nCP_firstlastMsg {
	display: flex;
	margin-left: 1em;
	margin-top: 1em;
}

#nCP_numOfMsg {
	margin-left: 1em;
	margin-top: 1em;
}

#nCP_sendOnWeekMonthDayDiv {
	margin-left: 1em;
	margin-top: 1em;
}

#nCP_sendOnWeekDay, #nCP_sendOnDayOfMonthList {
	line-height: 1em;
	overflow: auto;
	height: 15em;
}

#nCP_sendOnWeekDay input, #nCP_sendOnDayOfMonthList input {
	float: left;
}

#nCP_sendOnWeekDay {
	cursor: pointer;
}

#nCP_sendOnWeekDayLabel, #nCP_sendOnDayOfMonthListLabel {
	margin-top: 0.1em;
	margin-left: 4px;
	margin-bottom: 2px;
	font-weight: bold;
}

#nCP_sendOnDayOfMonthList input {
	float: left;
	display: flex;
}

#nCP_sendOnDayOfMonthList label {
	cursor: pointer;
}

#nCP_sendOnWeekDayDiv {
	float: left;
	width: 33%;
}

#nCP_sendOnDayOfMonthDiv {
	float: left;
	width: 33%;
	margin-left: 2em;
}

#nCP_SubmitDiv {
	width: 28vw;
	height: 6vh;
	margin-top: 74vh;
	margin-left: 68vw;
	border: 1px solid;
	position: absolute;
	text-align: left;
}

#nCP_viewName {
	display: none;
}

#nCP_identifier {
	width: 60%;
	margin-left: 4px;
}

#nCP_identifierLabel {
	margin-left: 4px;
	margin-top: 4px;
}

#nCP_SubmitButton, #nCP_RemoveButton {
	background: var(--second-color);
	color: var(--header-textColor);
	border: none;
	cursor: pointer;
	border-radius: 20px;
	margin-left: 2%;
	width: 15%;
}

#nCP_sendOnWeekMonthDayTime, #nCP_sendOnWeekMonthDayTimeLabel {
	float: left;
	margin-left: 4px;
}

.notificationConfigPanel_OverviewEntry, .notificationConfigPanel_ValuesEntry {
	cursor: pointer;
}

.notificationConfigPanel_activeOverviewEntry, .notificationConfigPanel_selectedOverviewEntry {
	background: var(--second-color-light);
}

.notificationConfigPanel_activeValuesEntry, .notificationConfigPanel_selectedValuesEntry {
	background: var(--second-color-light);
}

.nCP_HeaderAllNone, .nCP_HeaderAllNoneSpace {
	display: contents;
}

.nCP_HeaderAllNone {
	cursor: pointer;
	text-decoration: underline;
}

#notificationConfigPanelMsg {
	width: 100%;
	height: 2em;
	margin-top: 1vh;
	font-weight: bold;
}

.notificationConfigPanelMsg_good {
	color: green;
}

.notificationConfigPanelMsg_warning {
	color: red;
}

.notificationConfigPanelMsg_error {
	color: red;
}