@import url('https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap');

body {
	background-color: #E2F7FF;
}

#header nav {
	z-index: 990;
}

#header .hud-help {
    position: fixed;
    right: 2.92em;
    top: 6em;
    z-index: 990;
}

section.hud {
	display: flex;
	margin: auto 1em;
	align-items: center;
}

header nav, #header .hud-help {
	background: #E2F7FF;
	background: rgba(226, 247, 255, 0.9);
	box-shadow: 0 0 0 2px rgba(226, 247, 255, 0.9);
	border-radius: 4px;
}
	.hud-help a.bg-transparent img { width: 50px; height: 50px;	}
	header nav { padding: .25em; }
	section.hud abbr { padding: 0 .25em; }
	section.hud .hud-icon {
		width: 32px;
		height: 32px;
	}

	section.hud a { border-bottom: unset; }

	.bs-tooltip-top {
		top: -15px !important;
	}

	.bs-tooltip-right {
		left: 15px !important;
	}

	.bs-tooltip-bottom {
		top: 15px !important;
	}

	.bs-tooltip-left {
		left: -15px !important;
	}

	.mw-25 {
		max-width: 25%;
	}

	.validation-message {
		color: red;
        font-size: 1.25em;
	}

    form:not(#footer form) {
        overflow-x: visible;
    }

	.reload {
		display: initial;
	}

	.content-body {
		background-color: white;
		padding: 1.25em;
	}

		.content-body section {
			margin-bottom: 3em;
		}

    section.notice p {
		margin-bottom: 2em;
	}

	.list-templated-content ul, .list-templated-content li {
		padding: .5em;
	}

	section.content h4 {
		margin-bottom: .5em;
	}

.document { font-size: 1.15em; }
.document p { margin-bottom: .75em; }
.document .content h6 { margin-bottom: .5em; }

svg.icon { vertical-align: text-bottom; }
.primary svg, .button:hover svg { fill: white !important; }
	section.action label {
		display: inline;
		margin-left: 1em;
	}

	section.action p {
		margin-bottom: 1em;
	}

	section.action .rz-button-text {
		margin-left: .5em;
	}

	#header .title, h1, h2, h3, h4 { font-family: Lato; color: #094074; }
	#header .title { color: #3D7DC5; }
	#header .logo .symbol img {width : 4em; height: 4em; }
	#header .logo .title img { max-width : 100%; max-height: 2em; }


#menu {
	background-color: #FFFDFD;
	box-shadow: -.25em 0 .25em rgba(204, 204, 204, 0.6);
	font-family: Lato;
	font-weight: 400;
}

		#menu > .inner > ul > li a, #menu > .inner > ul > li {
			color: #094074;
		}

		#menu > .inner > ul > li {
			color: #0D1321;
		}

	.e-tab.sftab-headless .e-toolbar, .e-tab.sftab-headless .e-tab-header .e-toolbar-items .e-toolbaritem.e-template {
		display: none !important;
	}

	.e-tab.sftab-headless .e-tab-header:not(.e-vertical)::before {
		border-bottom-width: 0 !important;
	}

	.headless-tabset > ul {
		display: none;
	}

	section > .headless-tabset > .rz-tabview-panels {
		background-color: unset;
	}

	.headless-tabset > .rz-tabview-panels {
		border: none;
	}

	a:hover {
		color: #3D7DC5;
	}

	.icon.style2:hover {
		color: #3D7DC5;
		border-color: #3D7DC5;
	}

	.btn-primary:hover {
		color: white;
		background-color: #094074;
	}

	.icon-button svg {
		position: relative;
		top: -.1em;
	}

	.button > .link-icon {
		margin-right: 5px;
		padding-top: 1.5px;
	}

	.button.primary > .rz-button-icon-left {
		position: relative;
		top: 5px;
	}

	input[type="checkbox"]:checked + label::before, input[type="radio"]:checked + label::before { border-color: silver; }
	input[type="checkbox"] + label.e-btn,	input[type="radio"] + label.e-btn { font-size: 14px; padding-right: 1em; color: white; line-height: 1em; padding-left: 1.65em; }
	input[type="checkbox"] + label::before, input[type="radio"] + label::before { font-size: unset; line-height: 1.25em; height: 1.25em; top: 3px; left: 3px; width: 1.25em; }
	input[type="checkbox"]:focus + label::before, input[type="radio"]:focus + label::before { border-color: unset; box-shadow: 0 0 0 1px transparent; }

	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	button:hover,
	.button:hover {
		color: gray;
		box-shadow: inset 0 0 0 2px gray;
	}

	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active,
	button:active,
	.button:active {
		background-color: gray;
	}

input[type="submit"].primary:hover,
input[type="reset"].primary:hover,
input[type="button"].primary:hover,
.button.primary:hover { text-decoration: underline; }
input[type="submit"].primary:hover,
input[type="reset"].primary:hover,
input[type="button"].primary:hover,
button.primary:hover,
.button.primary:hover, .button:hover {
	background-color: #3D7DC5;
	color: white;
	box-shadow: unset;
}

	input[type="submit"].primary:active,
	input[type="reset"].primary:active,
	input[type="button"].primary:active,
	button.primary:active,
	.button.primary:active {
		background-color: #0D1321;
	}

	button:not(.small) i.material-icons {
		top: .35em;
		position: relative;
		margin-right: .5em;
	}

	.actions li .button {
		min-width: 12em;
	}

#header nav ul li a[href="#menu"]:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23ff6f16%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
	opacity: 0;
}

	#header nav ul li a[href="#menu"]:after {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23585858%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
		opacity: 1;
	}

	#blazor-error-ui {
		background: lightyellow;
		bottom: 0;
		box-shadow: 0 -1px 2px #000000;
		box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
		display: none;
		left: 0;
		padding: 0.6rem 1.25rem 0.7rem 1.25rem;
		position: fixed;
		width: 100%;
		z-index: 1000;
	}

		#blazor-error-ui .dismiss {
			cursor: pointer;
			position: absolute;
			right: 0.75rem;
			top: 0.5rem;
		}

	.text-danger {
		color: #dc3545 !important
	}

	a.text-danger:focus, a.text-danger:hover {
		color: #a71d2a !important
	}


	.selection {
		display: flex;
		flex-flow: row;
		width: 100%;
		margin: 20px 0;
	}

		.selection > .rz-button {
			padding: 0 1.6rem;
			flex-grow: 1;
		}

			.selection > .rz-button.rz-state-active {
				background-color: #3D7DC5;
			}

	.action-container {
		display: flex;
		flex-wrap: wrap;
	}

		.action-container ul:not(:last-child) {
			margin-bottom: 16px;
		}

	fieldset p h3, fieldset p h4, fieldset p h5, fieldset p h6, fieldset p.mat-body2 {
		margin: 0 0 .5em 0;
	}

	fieldset h3.mat-layout-grid-cell, fieldset h4.mat-layout-grid-cell, fieldset h5.mat-layout-grid-cell, fieldset h6.mat-layout-grid-cell {
		margin: 0;
	}

	.content-tab.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
        font-family: lato;
        font-size: 1.2em;
        font-weight: bold;
        margin: 1.25em;
    }

	.content-tab.e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active { border: 2px solid #585858; }
	.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { background-color: #094074; border-radius: 10px; }
	.e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-text { color: #094074; }


	.featured-selection-listing {
		padding: .5em 0;
	}

	.rz-dropdown-item .featured-selection-description {
		margin: .5em 1em .75em 1em;
	}

		.rz-dropdown-item .featured-selection-description h6 {
			margin-bottom: .25em;
		}

	.featured-selector {
		width: 100%;
		height: 5.2rem;
		margin-bottom: 1.2em;
	}

	.featured-selection-icon {
		font-size: 64px;
		text-align: center;
	}

	.featured-selection-description {
		margin: .75em 0 0 1.5em;
	}

	.featured-selector .mdc-list-item {
		height: 80px;
	}

	.mat-accordion .mat-expansion-panel__summary {
		align-items: center;
	}

	.rz-dropdown {
		padding-right: 2em;
		display: table;
	}

		.rz-dropdown .rz-helper-hidden-accessible {
			display: none;
		}

		.rz-dropdown label.rz-dropdown-label {
			margin-top: .5em;
			margin-bottom: .5em;
		}

			.rz-dropdown label.rz-dropdown-label.rz-placeholder {
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				font-size: 1.2em;
			}

	.featured-selector-preview {
		min-height: 120px;
		display: table
	}

		.featured-selector-preview .featured-selector-preview-inner {
			display: table-cell;
			vertical-align: middle;
		}

	.card-header .feather {
		margin-right: .5em;
	}

	.card-img-purchase {
		max-width: 18em;
		min-height: 10em;
	}

	table.purchase svg, table.e-table svg {
		width: 1em;
		height: 1em;
	}

	table.purchase div.note, table.purchase span.mat-caption {
        line-height: 1em;
    }

	.toast-header svg {
		margin-right: 1em;
	}

	.card.display-2 svg {
		width: .75em;
		height: .75em;
		vertical-align: inherit;
	}

	.notification-badge {
		font-size: 70%;
		margin-left: -2.5em;
		top: 1.2em;
	}

	.collection-badge {
		opacity: .65;
		top: 1.1em;
		font-size: 65%;
		margin-left: -3em;
	}

	.grid-action-icon {
		line-height: unset;
		padding: unset;
		box-shadow: unset;
		width: unset;
		height: 36px;
	}

		.grid-action-icon:hover {
			box-shadow: unset;
			color: unset;
		}

	.cell-total {
		font-weight: bold;
		font-size: 1.1em;
	}

	.rz-dialog-content .rz-widget-content {
		max-height: 50vh;
		overflow-y: auto;
	}

	.rz-dialog-content .e-grid .e-gridcontent {
		max-height: 40vh;
		overflow-y: auto;
	}

@media screen and (max-width: 360px) {
	.max-content.dialog-content .card-body { padding: 1em 0; }
	table.purchase td {	padding: .1em; }
}
@media screen and (max-width: 375px) {
	.max-content.ds-dialog-content { padding: 0; }
	.max-content.ds-dialog-content .card-body { padding: 1em .5em; }
}
@media screen and (min-width: 480px) { .action-container ul { margin-right: 1em; } }
@media screen and (max-width: 480px) {
	section.hud abbr { padding: 0 .22em;	}
	section.hud .hud-icon {	width: 24px; height: 24px; }
}
@media screen and (max-width: 576px) {
	.rz-dialog-content {
		padding: 0;
	}

	.rz-card {
		padding: 1.25em .75em;
	}

	.mat-layout-grid {
		padding: 1em 0;
	}

	#main > .inner > ul.actions:not(.fixed) {
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: 0;
		width: 100% !important;
	}

		#main > .inner > ul.actions:not(.fixed) li {
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			padding: 1em 0 0 0;
			text-align: center;
			width: 100%;
		}

			#main > .inner > ul.actions:not(.fixed) li > * {
				width: 100%;
			}

			#main > .inner > ul.actions:not(.fixed) li:first-child {
				padding-top: 0;
			}

			#main > .inner > ul.actions:not(.fixed) li input[type="submit"],
			#main > .inner > ul.actions:not(.fixed) li input[type="reset"],
			#main > .inner > ul.actions:not(.fixed) li input[type="button"],
			#main > .inner > ul.actions:not(.fixed) li button,
			#main > .inner > ul.actions:not(.fixed) li .button {
				width: 100%;
			}

				#main > .inner > ul.actions:not(.fixed) li input[type="submit"].icon:before,
				#main > .inner > ul.actions:not(.fixed) li input[type="reset"].icon:before,
				#main > .inner > ul.actions:not(.fixed) li input[type="button"].icon:before,
				#main > .inner > ul.actions:not(.fixed) li button.icon:before,
				#main > .inner > ul.actions:not(.fixed) li .button.icon:before {
					margin-left: -0.5rem;
				}
}
@media screen and (max-width: 736px) {
	#header { padding: 3.5em 0 0.1em 0; }
	#wrapper > * > .inner {	padding: 1em .25em;	}
}
@media screen and (min-width: 736px) { #header { padding: 5em 0 0.1em 0; } }
@media screen and (min-width: 1024px) { #header { padding: 2em 0 0.1em 0; } }
@media screen and (min-width: 1280px) {
	section.hud abbr { padding: 0 1em; }
	section.hud .hud-icon {	width: 40px; height: 40px; }
}

	.video-responsive {
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
		height: 0;
	}

		.video-responsive iframe {
			left: 0;
			top: 0;
			height: 100%;
			width: 100%;
			position: absolute;
		}

	.dashboard table tr th:not(:first-child),
	.dashboard table tr td:not(:first-child) { text-align: center; width: 15%; }

	.asset-selector-resource li.e-list-item { padding: 0; }

	.product-image { text-align: center; background-color: #094074; }
	.product-image img {max-height: 255px; padding-top: 1px;}
	.product-list-filter .e-chip { margin: 4px 2px; }
	.product-list-filter .e-chip .e-chip-text { height: 15px; }
	.product-list.container .row img, .product-list.container .row .button { vertical-align: middle; }
	.product-list.container { max-width: unset; padding: unset; }
	.product-list.container .card-footer .sold-out { margin: .5em 0; }
	.product-list.container .row .col button.h-100 span { font-size: 3em; position: absolute; }
	.row.product-browser-body { min-height: 320px; }
	.product-list.container .e-pagesizes{ display: none;}
	.product-list.container .e-pagercontainer { margin-top: 5px; }
    .product-list.container .e-parentmsgbar {margin-top: 0; margin-right: 1em;}
	.product-list.container .dragonspark-minimal .e-parentmsgbar {margin-top: 0; margin-right: 0em;}
    .product-list.container .e-toolbar-items { width: 33%; display: flex; margin-bottom: 1em; }
    .product-list.container .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) { flex-basis: 100%; height:	2em; }
    .product-list.container .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
    .product-list.container .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap
	    { height: 100%; text-align: center; vertical-align: middle }
    .product-list.container .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-text { font-family: Lato; font-size: 1em; }
	.product-list.container .e-scroll-nav {display: none;}
    @media screen and (min-width: 576px) {
        .product-list.container .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) { height: 3em; }
        .product-list.container .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-text { font-size: 1.5em; }
    }
	.badge.bg-primary { background-color: #be3019 !important; }
	.badge.bg-secondary { background-color: #094074 !important; }
	.badge.bg-traditional { color: black; background-color: gold !important; }

	.opacity-0 { opacity: 0; }
	.opacity-25 { opacity: .25; }
	.opacity-50 { opacity: .5; }
	.opacity-75 { opacity: .75; }
    .opacity-100 { opacity: 1; }

	.e-acrdn-header-content h3 {
		margin-bottom: 1em;
	}

	.listing-visibility .row {
		margin-top: 0;
		margin-left: 0;
	}

	.listing-visibility .e-radio-wrapper label {
		padding-top: .4em;
	}

		.listing-visibility .e-radio-wrapper label span.e-label {
			padding-left: 0;
			font-size: 1em;
		}

.e-gridheader table { margin-bottom: 0; }

.list-templated-content .e-accordion .e-acrdn-item .e-acrdn-header {padding: 0; margin-bottom: 0; }
.list-templated-content .e-acrdn-header-content { width: 96% }
.list-templated-content .rz-datalist-data { padding: .25em 0 .25em 0 }
.list-templated-content .rz-datalist-data > li { margin: 0; padding: 0; }

.featured-text-content {
	overflow-y: auto;
	max-height: 480px;
	font-family: 'Oxygen Mono', monospace;
	font-size: 1.25em;
	tab-size: 4;
	white-space: pre-wrap;
	line-height: 1.75em;
}
dl { display: grid;	grid-template-columns: repeat(2, minmax(0, 1fr)); }
button.condensed { line-height: .5em; height: 2.1em; }

.e-btn-group.custom-scroll {
	flex-wrap: wrap !important;
	justify-content: flex-start;
}

.obscure {
	filter: blur(10px);
}

	.obscure .mask {
		position: sticky;
		color: white;

	}