:root {
	--yellow-green-dimmed: #a4d65e5c;
	--administration: #a10404;
}

.section-member {
	padding-top: 40px;
	padding-bottom: 60px;
	background-color: #fafafe;
	position: relative;
}

.section-member h1 {
	font-size: 1em;
	margin-bottom: 0;
	text-align: right;
	margin-top: 1em;
}

.hr-page-title {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
		border-top-width: 0px;
		border-top-style: none;
		border-top-color: currentcolor;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* input[type=submit] {
	width: fit-content;
} */

.checkbox-label {
	display: inline;
	margin-left: .5em;
}

h2 {
	font-size: 23px;
	line-height: 1.4em;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--yellow-green);
	text-decoration-thickness: 2px;
	margin-bottom: 1.5em;
}

.disclaimer {
	color: darkgrey;
}

.notifications_error,
.notifications_info {
	margin: 0 auto;
	text-align: center;
	margin: 2em 0;
	padding: 2em;
	text-align: center;
	border-radius: 12px;
}

.notifications_info {
	box-shadow:
		rgba(0, 166, 255, 0.1) 0px 4px 16px,
		rgba(0, 166, 255, 0.1) 0px 8px 24px,
		rgba(0, 166, 255, 0.1) 0px 16px 56px;
}

.notifications_error {
	box-shadow:
		rgba(175, 58, 58, 0.1) 0px 4px 16px,
		rgba(175, 58, 58, 0.1) 0px 8px 24px,
		rgba(175, 58, 58, 0.1) 0px 16px 56px;
}

.notifications i,
.notifications_error i,
.notifications_info i {
	font-size: 1.25em;
	margin-right: .5em;
}

.notifications_error i {
	color: var(--notifications-error);
}

.notifications_info i {
	color: var(--notifications-info);
}

.notifications {
	color: var(--primary-1);
}

.show-hide {
	font-size: .8em;
	cursor: pointer;
}

.fas.fa-sync-alt {
	margin-left: .25em;
	color: var(--primary-1);
	cursor: pointer;
}

.fas.fa-sync-alt:hover {
	color: var(--accent-1);
}

.disclaimer.more {
	display: inherit;
	padding-left: 2em;
}

.disclaimer-more-highlight {
	color: var(--disclaimer-more-highlight);
}

.fas.fa-question-circle {
	color: darkgrey;
	cursor: help;
}

.grayscale {
	filter: grayscale(1);
}

.disabled-icon {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}

.delete-btn {
	background-color: var(--notifications-error) !important;
}

.toggle-on {
	color: var(--primary-1);
	font-size: 1.25em;
  	line-height: 1.25em;
}

.toggle-off {
	font-size: 1.25em;
  	line-height: 1.25em;
}

.fas.fa-info {
	color: var(--notifications-info);
	margin-right: .5em;
}