html {
	background: none;
	height: 100%;
}
body {
	line-height: normal;
}
.breadcrumb-item+.breadcrumb-item::before {
	content: "»";
}
.modal-title {
	font-weight: normal;
	font-size: 1.25em;
}
.form-label, .form-check-input, .form-check-label {
	cursor: pointer;
}
.form-check {
	margin: 0;
}
.form-switch {
	padding-left: 2.75em;
}
.form-check-input {
	width: 1.2em;
	height: 1.2em;
	margin-top: 0.15em;
}
.form-switch .form-check-input {
	width: 2.25em;
	height: 1.05em;
	margin-left: -2.75em;
	margin-top: 0.25em;
}
.nav-link:hover, .nav-link:active, .nav-link:focus {
	background: rgba(0,0,0,0.05);
}
.nav-tabs .nav-link {
	color: rgba(0,0,0,0.66);
	height: 3rem;
	border: 1px solid rgba(0,0,0,0.1);
	border-bottom: none;
	margin-right: 0.2rem;
}
code {
	font-size: inherit;
}
@media (min-width: 576px) {
	.modal-xl {
		max-width: 1200px;
		margin: 1.75rem auto;
		padding: 0 1rem;
	}
}
.tab-content-framed {
	border: 1px solid #dee2e6;
	border-top: none;
	padding: 1rem;
	background: #fff;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-weight: 400;
	line-height: normal;
	margin: 1.5em 0 1em 0;
	padding: 0;
}

h1 {
	margin-top: 0;
	font-size: 1.75em;
	border-bottom: 2px solid rgba(0,0,0,0.1);
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5,h6 {
	font-size: 1.1em;
}
input[type=file] {
	display: block;
}
textarea, textarea.form-control {
	resize: none;
	min-height: 100px;
}
hr {
	background-color: rgba(0,0,0,0.33);
}
.detail-pre {
	margin: 0;
	font-size: inherit;
	background: #fff;
	white-space: break-spaces;
	max-height: 400px;
	overflow-y: auto;
	padding: 0.25rem 0.5rem;
	border: 1px solid rgba(0,0,0,0.1);
}

.page-item-ellipse,
.page-item input[type=text] {
	display: block;
	margin-left: -1px;
	font-size: inherit;
	text-align: center;
}
.page-item input[type=text] {
	padding: .375rem 0.1rem;
	width: 3rem;
	border: 1px solid #dee2e6;
}
.page-item-ellipse {
	width: auto;
	padding: .375rem .25rem;
	color: rgba(0,0,0,0.5);
	cursor: default;
}

.form-group.required > label:after {
	content: "*";
	color: hsl(5, 100%, 50%);
	font-weight: bold;
}

.monospace {
	font-family: monospace, monospace;
}

.btn-icon {
	display: flex;
	align-items: center;
	padding: 0 0.5rem;
	min-width: 2.4rem;
	min-height: 2.4rem;
}
.btn-icon img {
	display: block;
	width: 1rem;
	height: auto;
	margin: auto;
}

.img-inline {
	display: inline-block;
	width: 100%;
	height: auto;
	vertical-align: middle;
	position: relative;
	bottom: 0.1em;
}
.w24 {
	width: 24px;
}
.w20 {
	width: 20px;
}
.w16 {
	width: 16px;
}
.w12 {
	width: 12px;
}

/* Font size */

.fs150p {
	font-size: 150%;
}
.fs140p {
	font-size: 140%;
}
.fs130p {
	font-size: 130%;
}
.fs120p {
	font-size: 120%;
}
.fs110p {
	font-size: 110%;
}
.fs100p {
	font-size: 100%;
}
.fs95p {
	font-size: 95%;
}
.fs90p {
	font-size: 90%;
}
.fs85p {
	font-size: 85%;
}
.fs80p {
	font-size: 80%;
}
.fs75p {
	font-size: 75%;
}

.space-tb-1 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.space-tb-2 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.space-tb-3 {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.section-separator {
	margin: 3rem 0 2rem 0;
	padding: 0 1rem;
	line-height: 2;
	font-size: 22px;
	font-weight: 0;
	border: none;
	background: rgba(0,0,0,0.05);
}

.content-wrapper {
	width: 100%;
	padding: 1rem 1.5rem;
}
.content-wrapper-narrow {
	width: 100%;
	max-width: 600px;
	margin: auto;
	padding: 1rem 1.5rem;
}
.content-wrapper-nofx {
	width: 100%;
	max-width: 600px;
	margin: auto;
	padding: 1rem 1.5rem;
}

.body-width-limiter, .body-width-limiter-narrow {
	max-width: 1200px;
	margin: 0 auto;
}
.body-width-limiter-narrow {
	max-width: 420px;
}

.narrow-content-padding {
	padding: 3rem 1rem 0 1rem;
}

h1.card-header, h2.card-header, h3.card-header, h4.card-header, h5.card-header, h6.card-header {
	font-size: 1.25rem;
}

/* Forms */
.form-group {
	margin-bottom: 1rem;
}

.form-label {
	margin-bottom: 0.25rem;
}

.form-hint, .form-error {
	margin: 0.25rem 0 0 0;
	padding: 0 0 0 1rem;
	font-size: 85%;
	color: rgba(0,0,0,0.5);
}

.form-error {
	color: hsla(5, 100%, 50%, 0.9);
}

.captcha-image {
	display: block;
	margin: 0 auto 1rem auto;
	cursor: pointer;
}


/* Session messages */
.static-session-messages-wrapper {
	display: block;
}
.session-message-alert {
	display: flex;
}
.session-message-icon {
	flex-grow: 0;
	flex-shrink: 0;
}
.session-message-icon img {
	display: block;
	width: 2em;
	height: auto;
	margin-right: 1em;
}
.session-message-text {
	display: block;
	width: 100%;
}
.session-message-close {
	flex-grow: 0;
	flex-shrink: 0;
	margin-left: 0.5em;
}

.floating-session-messages-wrapper {
	position: fixed;
	width: 25rem;
	max-width: 100%;
	z-index: 1008;
}
.floating-session-messages-1 {
	left: 0;
	bottom: 0;
}
.floating-session-messages-3 {
	right: 0;
	bottom: 0;
}
.floating-session-messages-7 {
	left: 0;
	top: 0;
}
.floating-session-messages-9 {
	right: 0;
	top: 0;
}

.floating-session-message-alert {
	margin: 1rem;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}


/* AJAX backdrop */
.ajax-backdrop {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 9999;
}
.ajax-backdrop img {
	position: absolute;
	padding: 10px;
	border-radius: 50px;
	background: #fff;
	top: 50%;
	left: 50%;
	margin-top: -42px;
	margin-left: -42px;
}

/* AJAX flash */
.ajax-flash {
	position: fixed;
	top: 15px;
	left: 15px;
	right: 15px;
	margin: 0 auto;
	max-width: 400px;
	text-align: center;
	color: rgba(255,255,255,0.8);
	padding: 15px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	border: none;
	background: rgba(0,0,0,0.9);
	z-index: 1009;
}
.ajax-flash-close {
	float: right;
	position: relative;
	right: -5px;
	top: -5px;
	display: block;
	width: 12px;
	height: 12px;
	line-height: 12px;
	color: rgba(255,255,255,0.7);
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.ajax-flash-close:hover, .ajax-flash-close:active, .ajax-flash-close:focus {
	color: rgba(255,255,255,1);
	text-decoration: none;
}


.infobox {
	display: flex;
}
.infobox-icon {
	width: 2.5em;
	flex-shrink: 0;
	flex-grow: 0;
	padding-right: 0.75em;
	border-right: 2px solid rgba(0,0,0,0.1);
	margin-right: 0.75em;
}
.infobox-icon img {
	display: block;
	width: 100%;
	height: auto;
}

.leftlined {
	padding-left: 0.75em;
	border-left: 2px solid rgba(0,0,0,0.1);
}

/* Detail table */
.detail-table {
	margin: 0;
	width: auto;
	max-width: 100%;
}
.detail-table > tbody > tr > th, .detail-table > tbody > tr > td {
	vertical-align: top;
	padding: 0.25rem;
	font-weight: normal;
}
.detail-table > tbody > tr > th {
	color: rgba(0,0,0,0.5);
}
.detail-table > tbody > tr > th:first-child, .detail-table > tbody > tr > td:first-child {
	padding-left: 0;
	min-width: 120px;
}
.detail-table > tbody > tr > th:last-child, .detail-table > tbody > tr > td:last-child {
	padding-right: 0;
}
.detail-table-separator {
	border-top: 1px solid rgba(0,0,0,0.1);
}
.detail-tables-separator {
	margin: 0.25em 0;
	border-top: 1px solid rgba(0,0,0,0.5);
}
.detail-table td > .detail-table {
	margin-top: -0.25rem;
	margin-bottom: -0.25rem;
}
/* Tree view */
ul.treeview, ul.treeview-first-level {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
}
ul.treeview > li {
	border-left: 1px solid #777;
	margin-left: 0.25em;
}
ul.treeview-first-level > li {
	border: none;
	margin-left: 0;
}
ul.treeview > li > div {
	padding-top: 0.3em;
	padding-left: 1em;
	position: relative;
}
ul.treeview-first-level > li > div {
	padding-left: 0;
}
ul.treeview > li.block > div {
	padding: 0 0 0 0.75em;
}
ul.treeview > li > div::before {
	content: '';
	position: absolute;
	top: 0;
	left: -1px;
	height: 1.1em;
	width: 0.75em;
	border: 1px solid #777;
	border-top: none;
	border-right: none;
}
ul.treeview-first-level > li > div::before {
	content: none;
}
ul.treeview > li:last-child {
	border-left: 1px solid transparent;
}
ul.treeview > li:last-child > div:before {
	border-bottom-left-radius: 3px;
}

.body-content {
	display: flex;
	flex-wrap: nowrap;
}

/* Dashboard navigation */
.body-side-nav-on { /* class for body tag when the side nav is visible */
	overflow: hidden;
}
.dashboard-top-nav-placeholder {
	display: block;
	width: 100%;
	height: 3rem;
}
.dashboard-top-nav {
	position: fixed;
	display: flex;
	top: 0;
	left: 0;
	right: 0;
	height: 3rem;
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	z-index: 1007;
}
.dashboard-top-nav-left {
	display: flex;
	margin-right: auto;
}

.dashboard-top-nav-right {
	display: flex;
	margin-left: auto;
	padding-right: 1rem;
}
.dropdown-item {
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 1rem;
}

.dtn-a {
	text-decoration: none;
	color: rgba(0,0,0,0.7);
}
.dtn-a:hover, .dtn-a:focus, .dtn-a:active {
	color: rgba(0,0,0,0.9);
	background: rgba(0,0,0,0.05);
}

.dtnl-side-nav-trigger {
	display: flex;
	flex-direction: column;
	width: 3rem;
	height: 3rem;
	flex-shrink: 0;
	flex-grow: 0;
	justify-content: center;
}
.dtnlsnt-bar-1, .dtnlsnt-bar-2, .dtnlsnt-bar-3 {
	display: block;
	margin: 0.15rem auto;
	width: 50%;
	height: 0.15rem;
	background: rgba(0,0,0,0.5);
	transition: all ease 0.25s;
	opacity: 1;
}
.dtnl-side-nav-trigger-on .dtnlsnt-bar-1 {
	transform: translateY(0.45rem) rotateZ(135deg);
}
.dtnl-side-nav-trigger-on .dtnlsnt-bar-2 {
	opacity: 0;
}
.dtnl-side-nav-trigger-on .dtnlsnt-bar-3 {
	transform: translateY(-0.45rem) rotateZ(-135deg);
}
.atn-item {
	display: block;
	height: 3rem;
	flex-shrink: 0;
	flex-grow: 0;
}
.atn-item-text {
	padding: 0 1rem;
	line-height: 3rem;
}
.atn-item-avatar {
	display: block;
	width: 3rem;
	height: 3rem;
	padding: 0.5rem;
}
.atn-item-avatar img, .atn-dropdown-avatar img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.atn-profile-dropdown-menu {
	width: 256px;
	padding: 0.5rem 0 0 0;
}
.atn-dropdown-profile {
	padding: 1rem;
}
.atn-dropdown-avatar {
	width: 86px;
	margin: 0 auto 0.5rem auto;
}
.atn-dropdown-name {
	margin: auto;
	text-align: center;
	font-weight: 500;
	font-size: 93%;
}
.atn-dropdown-info {
	margin: auto;
	text-align: center;
	font-weight: normal;
	font-size: 82%;
	color: rgba(0,0,0,0.5);
}
.atn-dropdown-spaced-link {
	display: block;
	box-sizing: content-box;
	margin: 1rem;
	border: 1px solid rgba(0,0,0,0.2);
	height: 2rem;
	line-height: 2rem;
	overflow: hidden;
	white-space: nowrap;
	color: rgba(0,0,0,0.7);
	text-align: center;
	text-decoration: none;
	border-radius: 1rem;
	font-size: 14px;
}
.atn-dropdown-spaced-link:hover, .atn-dropdown-spaced-link:focus, .atn-dropdown-spaced-link:active {
	color: rgba(0,0,0,0.9);
	background: rgba(0,0,0,0.05);
	border-color: rgba(0,0,0,0.3);
}
.dashboard-side-nav-placeholder {
	display: none;
	width: 16rem;
	flex-shrink: 0;
	flex-grow: 0;
}
.dashboard-side-nav-cover {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 3rem;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.1);
	transition: all ease 0.25s;
}
.dashboard-side-nav-cover-on {
	visibility: visible;
	opacity: 1;
}
.dashboard-side-nav {
	/* display: none; */
	visibility: hidden;
	padding-top: 1rem;
	position: fixed;
	top: 3rem;
	left: -16rem;
	width: 16rem;
	bottom: 0;
	background: #fff;
	border-right: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	overflow-y: auto;
	transition: all ease 0.25s;
	z-index: 1006;
}
.dashboard-side-nav-show {
	/* display: block; */
	user-focus: normal;
	visibility: visible;
	left: 0;
}

.dashboard-nav-side-content-items {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dnsci-root {
	display: block;
	position: relative;
	line-height: 3.5rem;
	padding: 0;
	white-space: nowrap;
	text-decoration: none;
	color: rgba(0,0,0,0.33);
}
.dnsci-root > a {
	display: flex;
	width: 100%;
	text-decoration: none;
	color: rgba(0,0,0,0.75);
	overflow: hidden;
	transition: all ease 0.25s;
}
.dnsci-root > a:hover,
.dnsci-root > a:active,
.dnsci-root > a:focus {
	text-decoration: none;
	background: rgba(0,0,0,0.05);
}
.dnsci-current {
	/* background: rgba(0,0,0,0.05); */
}
.dnsci-current > a {
	font-weight: bold;
}
.dnsci-current:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	bottom: 0;
	background: hsla(5, 85%, 50%, 1);
}
.dnsci-current .dnsci-submenu {
	display: block;
}
.dnsci-focus > a {
	font-weight: bold;
}

.dnsci-icon {
	width: 1.2rem;
	margin: 1.15rem 0.65rem 0 0.85rem;
	flex-grow: 0;
	flex-shrink: 0;
}
.dnsci-icon img {
	display: block;
	width: 100%;
	height: auto;
}
.dnsci-submenu {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.dnsci-submenu > li > a {
	display: flex;
	position: relative;
	padding: 0 0 0 2.75rem;
	white-space: nowrap;
	height: 3rem;
	line-height: 3rem;
	text-decoration: none;
	color: rgba(0,0,0,0.66);
	overflow: hidden;
	transition: all ease 0.25s;
}
.dnsci-submenu > li > a:hover {
	background: rgba(0,0,0,0.05);
}
li.dnscis-current {
	position: relative;
	font-weight: bold;
	color: hsla(5, 85%, 50%, 1);
}
li.dnscis-current:after {
	content: ">";
	font-family: monospace, monospace;
	position: absolute;
	line-height: 3rem;
	top: 0;
	right: 0.5rem;
}
li.dnscis-current > a {
	position: relative;
	color: hsla(5, 85%, 50%, 1);
}

@media (min-width: 768px) {
	.dashboard-side-nav-placeholder {
		display: block;
	}
	.dashboard-side-nav-cover, .dashboard-side-nav-cover-on {
		visibility: hidden;
		opacity: 0;
	}
	.dashboard-side-nav {
		left: 0;
		visibility: visible;
	}
	.dtnl-side-nav-trigger {
		display: none;
	}
}


.cca-accounts {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cca-accounts > li {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.cca-accounts > li:last-child {
	border-bottom: none;
}
.cca-accounts > li > a, .cca-accounts > li > span {
	display: flex;
	/* color: rgba(0,0,0,0.7); */
	white-space: nowrap;
	align-items: center;
	min-height: 3rem;
	text-decoration: none;
	text-align: center;
}
.cca-accounts > li > a:hover, .cca-accounts > li > a:active, .cca-accounts > li > a:focus {
	background: rgba(0,0,0,0.05);
}
.cca-account-details {
	width: 100%;
}

.list-filter-dropdown {
	padding: 0;
	min-width: 16rem;
	font-size: 15px;
}

.filter-form-group {
	padding: 1em;
}
.filter-form-group-title {
	display: block;
	font-style: normal;
	font-weight: bold;
	font-size: 95%;
	margin: 0 0 0.5em 0;
	padding: 0 0.5em;
	line-height: 2em;
	background: #eee;
	white-space: nowrap;
	overflow: hidden;
}
.list-view-list-items, .list-view-tree-items {
	margin: 0 0 1rem 0;
}
.list-view-list-items > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.list-view-list-items > ul > li {
	display: flex;
	padding: 0.5rem 0;
	border-top: 1px solid rgba(0,0,0,0.1);
}
.list-view-tree-items > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.list-view-tree-items ul.treeview > li {
	margin-left: 0.75em;
	/* border-color: rgba(0,0,0,0.3); */
}
.list-view-tree-items ul.treeview-first-level > li {
	margin-left: 0;
}
.list-view-tree-items ul.treeview > li > div {
	padding-top: 1em;
	padding-left: 0.75em;
}
.list-view-tree-items ul.treeview-first-level > li > div {
	padding-left: 0;
}
.list-view-tree-items ul.treeview > li > div::before {
	height: 1.75em;
	width: calc(0.75em + 1px);
}
.list-view-tree-items-item {
	display: flex;
	padding: 0.5rem;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 4px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.filtered-list-details {}

.filtered-list-details a {
	color: rgba(0,0,0,0.5);
}
.filtered-list-details a:hover, .filtered-list-details a:active, .filtered-list-details a:focus {
	color: rgba(0,0,0,0.75);
}

.filtered-list-details-title {
	font-weight: 500;
}
.filtered-list-details-body {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0.5em;
	color: rgba(0,0,0,0.7);
	font-size: 90%;
}

.filtered-list-menu {
	margin-left: auto;
}