@charset "utf-8";

:root {
	--font: Roboto;
	--background-color: #333333;
	--background-contrast-color: #717171;
	--font-color: white;
	--font-color-hover: #ccc;
	--font-contrast-color: black;
	--font-contrast-color-hover: #666;
	--halfcontrast-font-color: #ccc;
	--header-color: #515151;
	--subheader-color: #595959;
	--tab-color: #333333;
	--tab-selected-color: #0da996;
	--selection-color: #1e94cc;
	--select-selection-color: #1e94cc;
	--tree-font-color: white;
	--tree-selection-color: #83cbed;
	--tree-disabled-color: #898983;
	--tree-line-color: #d8d8d8;
	--tree-error-color: #ffcdd1;
	--input-background-color: white;
	--input-color: black;
	--input-readonly-color: #555;
	--input-readonly-background-color: #e6e6e6;
	--input-placeholder-color: #aaa;
	--input-border-color: #999;
	--input-selection-color: #1e94cc;
	--input-selection-contrast-color: white;
	--input-validation-error: #f00;
	--button-background-color: #166450;
	--button-border-color: #707070;
	--button-primary-background-color: #2ab995;
	--button-primary-border-color: #707070;
	--panel-button-background-color: #595959;
	--drop-active-color: #eee;
	--drop-activehover-color: #ddd;
	--button-group-background-color: #0da996;
	--button-group-border-color: #eee;
	--button-group-button-background-color: #515151;
	--button-group-button-border-color: #eee;
	--button-group-zone-background-color: #aaa;
	--button-zone-color: white;
	--light-border-color: #ccc;
	--fullcalendar-today-color: #b7b7ae;
	--navigation-selected-color: #0da997;
	--playlist-gradient-start-color: #595959;
	--playlist-gradient-end-color: #696969;
	--checkbox-checked-color: white;
	--checkbox-checked-font-color: black;
	--checkbox-indeterminate-color: #ccc;
	--checkbox-contrast-checked-color: black;
	--checkbox-contrast-background-color: white;
	--checkbox-contrast-checked-font-color: white;
	--checkbox-contrast-indeterminate-color: #ccc;
	--radio-checked-color: white;
	--button-choice-font-color: white;
	--button-choice-hover-color: #aaa;
	--resize-color: white;
	--editor-crop-fill-color: rgba(101, 176, 208, 0.5);
	--editor-crop-stroke-color: rgba(101, 176, 208, 1);
	--timeline-font-color: white;
	--timeline-resize-background-color: #f6f6f6;
	--timeline-resize-background-contrast-color: black;
	--timeline-zone-selected-background-color: #999;
	--timeline-item-background-color: #eee;
	--timeline-item-border-color: #333;
	--timeline-item-border-selected-color: #000;
	--player-details-color: white;
	--property-font-color: white;
	--property-header-background-color: #888;
	--property-header-font-color: white;
	--editor-media-expired-color: red;
	--editor-media-scheduled-color: #07dd07;
	--widget-screenfeed-color: rgba(255, 255, 0, 0.2);
	--widget-civicengage-color: rgba(182, 44, 52, 0.65);
	--widget-powerbi-color: rgba(0,0,128,0.5);
	--new-playlist-color1: #bfd5e0;
	--new-playlist-color2: #77d2bb;
	--new-playlist-color3: #b7b7ae;
	--formgrid-background-color: transparent;
	--formgrid-font-color: white;
	--formgrid-compact-font-color: white;
	--formgrid-odd-row-background-color: #888;
	--calendar-font-color: white;
	--breeze-logo: url('data:image/png;base64,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');
}

[hidden] {
	display: none !important;
}

*::selection {
	background: var(--input-selection-color);
	color: var(--input-selection-contrast-color);
}
*::-moz-selection {
	background: var(--input-selection-color);
	color: var(--input-selection-contrast-color);
}

* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
	width: 100%;
	height: 100%;
	overflow: auto;
	display: grid;
	grid-template-rows: minmax(min-content,1fr);
	grid-template-columns: minmax(min-content,1fr);
}

a {
	color: var(--font-color);
}

body {
	position: relative;
	display: grid;
	font-family: var(--font);
	font-weight: normal;
	font-size: 16px;
	background-color: var(--background-color);
}

body.loading {
	background: center no-repeat var(--breeze-logo) var(--background-color);
	background-size: 700px, contain;
	overflow: hidden;
}

input, select, textarea {
	background-color: var(--input-background-color);
	color: var(--input-color);
}

input, select, textarea, button {
	font-family: var(--font);
	font-weight: normal;
	font-size: 16px;
}

select option:hover,
select option:focus,
select option:active,
select option:checked {
	background-color: var(--input-background-color);
	color: var(--input-color);
}

input:focus, select:focus, textarea:focus {
	outline: none;
}

input:read-only, select:disabled, textarea:read-only {
	color: var(--input-readonly-color);
	background-color: var(--input-readonly-background-color);
}

img {
	border: 0;
}
ul {
	list-style: none;
}
.clear {
	clear: both;
}


#breeze-icon {
	background: center no-repeat var(--breeze-logo);
	background-size: 100%;
	width: 215px;
	height: 90px;
	align-self: center;
}

body.root {
	display: flex;
	flex-flow: column nowrap;
	flex: 0 0 auto;
	background-color: var(--background-color);
	font-family: var(--font);
	font-weight: normal;
	font-size: 16px;
}

.main-panel {
	margin: 0 auto;
}

.dropshadow {
	box-shadow: 5px 5px 20px rgba(0,0,0,0.5);
}

.panel {
	display: flex;
	flex-flow: column nowrap;
	background-color: var(--background-contrast-color);
}
.panel > header {
	flex: 0 0 auto;
	box-sizing:border-box;
	padding: 4px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	font-weight: normal;
	color: var(--font-color);
	letter-spacing: 0.5px;
	background-color: var(--header-color);
	user-select: none;
}
/* Stops the height from collapsing when empty */
.panel > header:empty:before {
	content: '\a0';
}
.panel > header > span:not(.mdi):empty:before {
	content: '\a0';
}
.panel > :not(:first-child) {
	flex: 0 0 auto;
}
.panel > #no-account {
	flex: 0 0 auto;
	box-sizing:border-box;
	padding: 4px 10px;
	font-size: 0.9rem;
	color: var(--font-color);
	letter-spacing: 0.5px;
	background-color: #888888;
	user-select: none;
}
.panel > footer {
	flex: 0 0 auto;
	box-sizing:border-box;
	padding: 4px 10px;
	font-size: 0.8rem;
	font-weight: lighter;
	color: var(--font-color);
	letter-spacing: 0.5px;
	background-color: var(--header-color);
	user-select: none;
}
.panel-group {
	display: block;
	margin: 10px;
}

.panel-buttons {
	flex: 0 0 auto;
	display: flex;
	flex-flow: row nowrap;
	background-color: var(--subheader-color);
	color: var(--font-color);
	padding: 10px;
}
.panel-buttons button {
	flex: 0 0 auto;
}

.panel-buttons button:not(:last-child) {
	margin: 0 5px 0 0;
}

ui-dialog .panel-buttons {
	justify-content: flex-end;
	background-color: var(--panel-button-background-color);
}
ui-dialog .panel-buttons button:last-child {
	letter-spacing: 0.5px;
	text-transform: uppercase;
	background-color: var(--button-primary-background-color);
	border: 1px solid var(--button-primary-border-color);
}

button,
.button {
	opacity: 1;
	align-items: center;
	border-radius: 3px;
	cursor: pointer;
	user-select: none;
	color: var(--font-color);
	padding: 3px 10px;
	white-space: nowrap;
	background-color: var(--button-background-color);
	border: 1px solid var(--button-border-color);
	line-height: 16px;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}
button:disabled, .button:disabled {
	opacity: 0.7;
}
button:disabled.wait, .button:disabled.wait {
	cursor: wait;
}
button:disabled.not-allowed, .button:disabled.not-allowed {
	cursor: not-allowed;
}
button.primary,
.button.primary {
	letter-spacing: 0.5px;
	text-transform: uppercase;
	background-color: var(--button-primary-background-color);
	border: 1px solid var(--button-primary-border-color);
}
button.no-background,
.button.no-background {
	background-color: transparent;
	border: 1px solid transparent;
	padding: 3px;
}
button:not(:disabled):hover,
button.no-background:not(:disabled):hover,
.button:not(:disabled):hover,
.button.no-background:not(:disabled):hover {
	opacity: 0.8;
}
button > i,
.button > i {
	display: inline-block;
	margin-right: 5px;
	pointer-events: none;
	font-size: 16px;
	height: 16px;
}
button > span,
.button > span {
	display: inline-block;
	vertical-align: top;
	pointer-events: none;
}
button:focus,
.button:focus {
	outline: none;
}

/* Tabs */
.tabs {
	display: flex;
	flex-flow: column nowrap;
}
.tabs.horizontal {
	flex-flow: row nowrap;
}
.tabs .tabs-tabs {
	flex: 0 0 auto;
	font-size: 0;
	display: flex;
	flex-flow: row nowrap;
	user-select: none;
	background-color: var(--subheader-color);
}
.tabs:not(.horizontal) .tabs-tabs {
	padding: 2px 0 0 0;
}
.tabs.horizontal .tabs-tabs {
	flex-flow: column nowrap;
}
.tabs .tabs-tabs > li,
.customtab-handle {
	flex: 1 1 auto;
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 7px 5px;
	background-color: var(--tab-color);
	color: var(--font-color);
	display: grid;
	grid-template-columns: 1fr max-content;
	grid-template-rows: 1fr;
	align-items: center;
	justify-items: center;
	user-select: none;
}
.tabs.horizontal .tabs-tabs > li {
	flex: 0 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
.tabs .tabs-tabs > li:hover,
.customtab-handle:hover {
	opacity: 0.8;
	background-color: var(--subheader-color);
}
.tabs .tabs-tabs > li.selected,
.customtab-handle.selected {
	background-color: var(--tab-selected-color);
}
.tabs .tabs-tabs > li:not(.selected),
.customtab-handle:not(.selected) {
	position: relative;
}
.tabs:not(.horizontal) .tabs-tabs > li:not(.selected):after,
.customtab-handle:not(.selected):after {
	content: '';
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}
.tabs.horizontal .tabs-tabs > li:not(.selected):after {
	content: '';
	position: absolute;
	display: inline-block;
	right: 0;
	width: 8px;
	top: 0;
	bottom: 0;
	background: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}
.tabs > :not(:first-child):not(.selected) {
	display: none !important;
}

.tabs.horizontal > :not(:first-child).selected {
	flex: 1 1 auto;
	overflow: auto;
}
.tabs .tabs-tabs > li > span {
	grid-column: 1 / span 2;
	grid-row: 1;
}
.tabs .tabs-tabs > li > i {
	grid-column: 2;
	grid-row: 1;
}
.tabs .tabs-tabs > li > i:hover {
	opacity: 0.8;
}

#titletooltip {
	position: fixed;
	color: var(--font-color);
	padding: 3px 6px;
	border-radius: 2px;
	font-size: 16px;
	background-color: var(--header-color);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	pointer-events: none;
	max-width: 300px;
	z-index: 1000;
	overflow: hidden;
	user-select: none;
}

/* The left navigation bar on every page. */
#navigation {
	grid-row: 2 / -2;
	display: flex;
	flex-flow: column nowrap;
}
#navigation.collapsed {
	flex: 0 0 auto;
}
#navigation > div:first-child {
	display: flex;
	margin-right: 3px;
	cursor: pointer;
	flex-flow: row nowrap;
	box-sizing: border-box;
	padding: 4px 10px;
	white-space: nowrap;
	font-size: 15px;
	color: var(--font-color);
	letter-spacing: 0.5px;
	background-color: var(--header-color);
	user-select: none;
}
#navigation.collapsed > div:first-child {
	padding: 4px 0;
	justify-content: center;
}
#navigation > div:first-child > span {
	flex: 1 0 auto;
}
#navigation.collapsed > div:first-child > span {
	display: none;
}
#navigation:not(.collapsed) > a.mdi {
	display: none;
}
#navigation.collapsed > a:not(.mdi) {
	display: none;
}
#navigation:not(.collapsed) > #navigation-toggle > i {
	transform: rotate(180deg);
}
#navigation > a:not(.mdi) {
	color: var(--font-color);
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 15px;
	padding-left: 15px;
}
#navigation > a:not(.mdi).selected {
	font-size: 20px;
	color: var(--navigation-selected-color);
}
#navigation > a:not(.mdi):nth-of-type(2) {
	margin-top: 15px;
}
#navigation > a.mdi {
	color: var(--font-color);
	width: 16px;
	height: 16px;
	margin: 8px 10px;
	text-decoration: none;
}
#navigation > a.mdi:not(.selected):hover {
	opacity: 0.8;
}
#navigation > a.mdi.selected {
	color: var(--navigation-selected-color);
}
#navigation > .separator {
	height: 1px;
	background-color: var(--subheader-color);
	margin: 5px 15px 20px 15px;
}
#navigation.collapsed > .separator {
	margin: 4px 8px;
}
#navigation > .spacer {
	flex: 1 0 auto;
}
#navigation > i {
	flex: 0 0 auto;
	color: var(--font-color);
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-end;
	justify-content: center;
}
#navigation.collapsed > .breeze-logo {
	display: none;
}

.breeze-logo {
	flex: 0 0 auto;
	width: 135px;
	height: 35px;
	background: bottom no-repeat var(--breeze-logo);
	background-size: contain;
	margin: 10px 10px 2px 5px;
}

.icon-spin {
	animation: icon-spin 2s linear infinite;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

@keyframes icon-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-360deg);
	}
}

.iconlist {
	flex: 0 0 auto;
	padding: 5px;
	background-color: var(--subheader-color);
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-end;
	column-gap: 3px;
}
.iconlist:after {
	content: '\200B';
}

.iconlist > .selected {
	opacity: 0.5;
}
.iconlist > .spacer {
	flex: 1 0 0;
	min-width: 0;
	cursor: default;
}
.iconlist > .mdi {
	flex: 0 0 auto;
	position: relative;
	display: flex;
	color: var(--font-color);
	font-size: 22px;
	cursor: pointer;
}
.iconlist > .mdi:hover {
	opacity: 0.8;
}
.iconlist > .mdi:after {
	content: '';
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	font-size: 15px;
	right: -2px;
	bottom: -2px;
	text-shadow: -2px 0 2px var(--subheader-color), 0 -2px 2px var(--subheader-color);
}

.tooltip-button {
	cursor: pointer;
}
.tooltip-button:hover {
	color: var(--font-color-hover) !important;
}

.tooltip-help {
	cursor: help;
}

.treeContainer {
	flex: 1 1 100px !important;
	min-height: 100px;
}

@keyframes icon-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-360deg);
	}
}

.sampleInput {
	padding: 4px;
	border: 1px solid var(--input-border-color);
	background-color: var(--input-background-color);
	border-radius: 4px;
	box-sizing: border-box;
	height: 32px;
}

.sampleTextArea {
	padding: 4px;
	border: 1px solid var(--input-border-color);
	background-color: var(--input-background-color);
	border-radius: 2px;
	box-sizing: border-box;
}

.sampleSelect {
	padding: 4px;
	border: 1px solid var(--input-border-color);
	background-color: var(--input-background-color);
	border-radius: 4px;
	vertical-align: top;
	height: 32px;
}
.sampleSelect > option {
	cursor: pointer;
}

fieldset {
	border: none;
}

.sampleGroupedButtons {
	white-space: nowrap;
}
.sampleGroupedButtons input {
	display: none;
}
.sampleGroupedButtons input:not(:checked) + label {
	opacity: 0.5;
}
.sampleGroupedButtons label {
	opacity: 1;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	user-select: none;
	color: var(--input-color);
	background-color: var(--input-background-color);
	padding: 3px 10px;
	white-space: nowrap;
	border: 1px solid var(--input-border-color);
	height: 32px;
	box-sizing: border-box;
}
.sampleGroupedButtons > input:not(:checked) + label:hover {
	opacity: 0.8;
}
.sampleGroupedButtons label:focus {
	outline: none;
}
.sampleGroupedButtons label:first-of-type {
	border-radius: 4px 0 0 4px;
	border-right: none;
}
.sampleGroupedButtons label:last-of-type {
	border-radius: 0 4px 4px 0;
	border-left: none;
}

pre {
	font: 14px Arial, Helvetica, sans-serif;
	height: 15px;
	padding: 1px;
	margin: 0;
}

pre:hover {
	cursor: default;
}

.validationError {
	border-color: var(--input-validation-error) !important;
}

.spinner, .greenOk, .redError {
	position: absolute;
	font-size: 22px;
	right: 5px;
	color: var(--input-color);
}

ui-treeselect {
	position: relative;
	padding: 4px;
	color: var(--input-color);
	border: 1px solid var(--input-border-color);
	background-color: var(--input-background-color);
	border-radius: 4px;
	height: 32px;
	line-height: 24px;
	min-width: 150px;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
ui-treeselect:focus {
	outline: none;
}

ui-treeselect > span {
	flex: 1 0 0;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
}

ui-treeselect > span:empty:before {
	content: 'Click to select';
	color: var(--input-placeholder-color);
}

ui-treeselect:after {
	content: '\F035D';
	font: normal normal normal 24px/1 "Material Design Icons";
	text-rendering: auto;
	line-height: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	flex: 0 0 auto;
	cursor: pointer;
	user-select: none;
}
ui-treeselect:after:hover {
	opacity: 0.8;
}
ui-treeselect.readonly {
	background-color: var(--input-readonly-background-color);
	color: var(--input-readonly-color);
	pointer-events: none;
}

.accordion-header {
	box-sizing:border-box;
	padding: 4px 10px;
	font-size: 15px;
	font-weight: normal;
	color: var(--font-color);
	background-color: var(--header-color);
	cursor: pointer;
	user-select: none;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.accordion-header > span {
	flex: 1 1 auto;
}
.accordion-header > i {
}
.accordion-header.collapsed > i:before {
	transform: rotate(0deg) !important;
}
.accordion-header:hover > i {
	opacity: 0.8;
}
.accordion-header.collapsed + * {
	display: none;
}

.noselect {
	user-select: none;
}

.inputbox-input {
	width: 100%;
}

.button-choices
{
	cursor: pointer;
	color: var(--button-choice-font-color);
	position: relative;
	z-index: 0;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	background-color: var(--background-contrast-color);
	overflow: hidden;
}
.button-choices.selected
{
	font-weight: bold;
}
.button-choices:not(.dragging)
{
	border-bottom: 1px solid var(--light-border-color);
}
.button-choices.dragging
{
	border: 1px solid var(--light-border-color);
}
.button-choices:not(.dragging):hover:before
{
	content: '';
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0;
	right: 0;
	bottom: -1px;
	background-color: var(--button-choice-hover-color);
	border-bottom: 1px solid var(--light-border-color);
	z-index: -1;
}

.button-choices > i {
	flex: 0 0 auto;
	display: inline-block;
	width: 50px;
	height: 20px;
	font-size: 20px;
	text-align: center;
	padding: 4px 0;
	margin: 4px 0;
}
.button-choices > i:first-child {
	border-right: 1px solid var(--light-border-color);
}
.button-choices > span {
	flex: 1 1 0;
	min-width: 0;
	padding-left: 10px;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.custom-propertylist {
	height: 200px;
	padding: 4px;
	border: 1px solid var(--input-border-color);
	background-color: var(--input-background-color);
	border-radius: 4px;
	overflow-y: auto;
	box-sizing: border-box;
}

.custom-propertylist > div {
	border: 1px solid #999;
	border-radius: 4px;
	background-color: var(--subheader-color);
	margin-bottom: 4px;
	overflow: hidden;
}

.custom-propertylist > div > div:first-child {
	border-bottom: 1px solid #aaa;
	cursor: default;
	padding: 2px 4px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.custom-propertylist > div > div:first-child > span {
	flex: 1 0 0;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.custom-propertylist > div > div:first-child > i {
	flex: 0 0 auto;
	margin-right: 3px;
	color: var(--font-color);
	font-size: 18px;
	line-height: 0;
}

.custom-propertylist > div > div:first-child > i:hover {
	opacity: 0.7;
}

.custom-propertylist > div > div:last-child > :nth-last-child(-n+2) {
	border-bottom: none;
}

ui-slider {
	background-color: var(--background-color);
	border: 1px solid white;
	height: 14px;
	position: relative;
	box-sizing: border-box;
}

ui-slider > div {
	position: absolute;
	background-color: var(--subheader-color);
	border: 1px solid white;
	width: 30px;
	height: 22px;
	margin-left: -15px;
	top: -5px;
	font-size: 12px;
	line-height: 20px;
	color: var(--font-color);
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	box-sizing: border-box;
}

.busy {
	position: relative;
	overflow: hidden !important;
	pointer-events: none;
	z-index: 0;
}
.busy:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 1;
}


.busy:before {
	content: "\F0772";
	z-index: 2;
	color: var(--font-color);
	width: 30px;
	height: 30px;
	position: absolute;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: 30px;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	animation: mdi-spin 2s infinite linear;
}

/* Tree */
ui-tree > .tree-operations {
	position: sticky;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	left: 0;
	top: 0;
	height: 0;
	z-index: 1;
}
ui-tree > .tree-operations > i {
	height: 22px;
	font-size: 22px;
	cursor: pointer;
	padding: 3px;
	background-color: var(--background-contrast-color);
	border-bottom: 1px solid var(--input-border-color);
}

ui-tree > .tree-operations > i:first-child {
	border-bottom-left-radius: 4px;
	border-left: 1px solid var(--input-border-color);
}

ui-tree > li {
	flex: 0 0 auto;
}

ui-tree > .tree-operations ~ li {
	padding: 0 2px;
}
ui-tree > .tree-operations ~ li:nth-child(2) {
	padding-top: 2px;
}
ui-tree > .tree-operations ~ li:last-child {
	padding-bottom: 2px;
}

.tree-dragging.dragging {
	background-color: var(--background-contrast-color);
	color: var(--font-color);
	border: 1px solid var(--light-border-color);
	border-radius: 2px;
	max-height: 80%;
	overflow: auto;
}

.nodeContainer {
	display: flex;
	flex-flow: row nowrap;
	background-color: var(--background-contrast-color);
}
.nodeContainer > li:not(.node) {
	flex: 0 0 auto;
	display: flex;
	flex-flow: column nowrap;
	pointer-events: none;
}
.nodeContainer > li:not(.node) > i:first-child {
	flex: 0 0 auto;
	width: 18px;
	min-height: 24px;
	pointer-events: all;
}
.nodeContainer > li:not(.node) > i:last-child {
	flex: 1 0 0;
	min-height: 0;
}

ui-tree:not(.treeselect-picker) .nodeContainer.selected > .node > .handle > .name {
	background-color: var(--tree-selection-color);
	color: var(--font-contrast-color);
	border-radius: 2px;
}

ui-tree:not(.treeselect-picker) .nodeContainer > .node > .handle:focus > .name {
	outline: 1px dashed #888;
}

.treeselect-picker {
	position: absolute !important;
	min-width: 300px;
	min-height: 20px;
	max-height: 300px;
	background-color: var(--background-contrast-color);
	border: 1px solid var(--input-border-color);
	margin: 0;
}

.treeselect-picker .nodeContainer {
	z-index: 0;
}
.treeselect-picker .nodeContainer > li:not(.node) > i:first-child {
	z-index: 1;
}
.treeselect-picker .nodeContainer > li:not(.node) {
	z-index: 1;
}
.treeselect-picker .handle:not(.disabled):before {
	content: '';
	position: absolute;
	align-self: flex-start;
	left: 0;
	width: var(--tree-selection-width);
	height: 23px;
	background-color: transparent;
	z-index: 0;
}
.treeselect-picker:not(:hover) .nodeContainer.selected > .node > .handle:not(.disabled):before,
.treeselect-picker .handle:hover:not(.disabled):before {
	background-color: var(--select-selection-color);
}
.treeselect-picker .handle:not(.disabled) > i {
	z-index: 1;
}
.treeselect-picker .handle:not(.disabled) > ui-checkbox {
	z-index: 1;
}
.treeselect-picker .handle:not(.disabled) > .name {
	background-color: transparent !important;
	z-index: 1;
}
.treeselect-picker:not(:hover) .nodeContainer.selected > .node > .handle:not(.disabled) > .name,
.treeselect-picker .handle:hover:not(.disabled) > .name,
.treeselect-picker .handle:hover:not(.disabled) > i {
	color: var(--font-color);
}

.node {
	flex: 0 0 auto;
	display: flex;
	flex-flow: column nowrap;
}

.node > .handle {
	flex: 0 0 auto;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	cursor: pointer;
}
.node > .handle.disabled {
	pointer-events: none;
	color: var(--tree-disabled-color);
}
.node > .handle.disabled ui-checkbox:after {
	border-style: dotted;
}
.node > .handle:focus {
	outline: none;
}
.node > .handle.active > .name {
	outline: 2px solid var(--drop-active-color);
}
.node > .handle.active:hover > .name {
	background-color: var(--drop-activehover-color);
}
.node > .handle > i {
	flex: 0 0 auto;
	pointer-events: none;
	display: flex;
	flex-flow: row nowrap;
	position: relative;
}
.node > .handle > i:before, .node > .handle > i:after {
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.node > .handle > ui-checkbox {
	margin-right: 3px;
}
.node > .handle > .name {
	flex: 0 0 auto;
	border: none;
	min-width: 50px;
	white-space: pre;
	margin: 2px 0 2px 2px;
	padding: 0 4px 0 2px;
	overflow: hidden;
	box-sizing: border-box;
	text-overflow: ellipsis;
	background-color: transparent;
}
.node > .handle.disabled > .name {
	color: var(--tree-disabled-color);
}
.node > .handle > .name[contenteditable] {
	color: var(--input-color);
	background-color: var(--input-background-color) !important;
	cursor: text;
}
.node > .handle > .name:focus {
	outline: none;
}

.node > .handle > .name:empty:before {
	content: ' ';
}

.node.error > .handle {
	background-color: var(--tree-error-color);
}

.groupContainer > li:first-child > i:first-child {
	position: relative;
	overflow: hidden;
	z-index: 0;
	cursor: pointer;
}
.groupContainer > li:first-child > i:first-child:before {
	z-index: 1;
	content: '';
	position: absolute;
	left: 9px;
	right: 0;
	top: 0;
	bottom: 0;
}
/* !root !hasnextsibling └ */
.groupContainer:not(.root):not(.hasnextsibling) > li:first-child > i:first-child:before {
	bottom: 9px;
	border-left: 1px solid var(--tree-line-color);
	border-bottom: 1px solid var(--tree-line-color);
}
/* hasprevioussibling hasnextsibling ├ */
.groupContainer.hasprevioussibling.hasnextsibling > li:first-child > i:first-child:before {
	border-left: 1px solid var(--tree-line-color);
	background: linear-gradient(transparent 11px, var(--tree-line-color), transparent 12px);
}
/* root !hasprevioussibling !hasnextsibling ─ */
.groupContainer.root:not(.hasprevioussibling):not(.hasnextsibling) > li:first-child > i:first-child:before {
	top: 9px;
	border-top: 1px solid var(--tree-line-color);
}
/* root !hasprevioussibling hasnextsibling ┌ */
.groupContainer.root:not(.hasprevioussibling).hasnextsibling.haschildren > li:first-child > i:first-child:before {
	top: 9px;
	border-left: 1px solid var(--tree-line-color);
	border-top: 1px solid var(--tree-line-color);
}
/* hasprevioussibling hasnextsibling | */
.groupContainer.hasnextsibling > li:first-child > i:first-child:before {
	border-left: 1px solid var(--tree-line-color);
}

.groupContainer > li:first-child > i:first-child:after {
	z-index: 2;
	content: "\F06F2";
	position: absolute;
	top: 3px;
	left: 0.5px;
	background-color: var(--background-contrast-color);
	border-radius: 3px;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: 17px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.groupContainer.collapsed > li:first-child > i:first-child:after {
	content: "\F0704";
	cursor: pointer;
}

/* The line that extends to the leaf container */
.groupContainer.hasnextsibling > li:first-child > i:last-child {
	overflow: hidden;
	position: relative;
}
.groupContainer.hasnextsibling > li:first-child > i:last-child:after {
	content: '';
	position: absolute;
	left: 9px;
	top: 0;
	bottom: 0;
	border-left: 1px solid var(--tree-line-color);
}

.group > .handle > i {
}
.node > .handle > i:after {
	position: absolute;
}
.group > .handle > i:before {
	content:"\F0DCF";
	font-size: 18px;
	align-self: center;
}
.group.collapsed > .handle > i:before {
	content:"\F0256";
}
.group > .handle > i:after {
	font-size: 12px;
	right: -2px;
	bottom: -2px;
	text-shadow: -1px 0 2px var(--background-contrast-color), 0 -1px 2px var(--background-contrast-color);
}

.group.networkcommand > .handle > i:after {
	content:"\F06A5";
}
.group.provider > .handle > i:after {
	content: "\F01BC"; /* database */
}
.group.credential > .handle > i:after {
	content: "\F0306"; /* key */
}
.group.delegate > .handle > i:after {
	content: "\F01F0"; /* email */
}
.group.building > .handle > i:before {
	content: "\F0D16"; /* mdi-home-circle-outline */
}
.group.page > .handle > i:before {
	content: "\F05DA"; /* mdi-book-open-page-variant */
}
.group.visual > .handle > i:before {
	content: "\F0128"; /* mdi-chart-bar */
}

.group > ul {
	display: flex;
	flex-flow: column nowrap;
}
.group.collapsed > ul {
	display: none;
}

.leafContainer > li:not(.leaf) > i {
	flex: 0 0 auto;
	width: 18px;
	min-height: 24px;
}

.leafContainer > li:first-child > i:first-child {
	overflow: hidden;
	position: relative;
}
.leafContainer > li:first-child > i:first-child:after {
	content: '';
	position: absolute;
	left: 9px;
	right: 0;
	top: 0;
	bottom: 0;
}
/* root !hasprevioussibling !hasnextsibling ─ */
.leafContainer.root:not(.hasprevioussibling):not(.hasnextsibling) > li:first-child > i:first-child:after {
	top: 9px;
	border-top: 1px solid var(--tree-line-color);
}
/* !hasprevioussibling hasnextsibling ┌ */
.leafContainer.root:not(.hasprevioussibling).hasnextsibling > li:first-child > i:first-child:after {
	top: 11px;
	border-left: 1px solid var(--tree-line-color);
	border-top: 1px solid var(--tree-line-color);
}
/* hasprevioussibling !hasnextsibling └ */
.leafContainer:not(.root):not(.hasprevioussibling):not(.hasnextsibling) > li:first-child > i:first-child:after,
.leafContainer.hasprevioussibling:not(.hasnextsibling) > li:first-child > i:first-child:after {
	bottom: 11px;
	border-left: 1px solid var(--tree-line-color);
	border-bottom: 1px solid var(--tree-line-color);
}
/* hasprevioussibling hasnextsibling ├ */
.leafContainer:not(.root).hasnextsibling > li:first-child > i:first-child:after,
.leafContainer.hasprevioussibling.hasnextsibling > li:first-child > i:first-child:after {
	border-left: 1px solid var(--tree-line-color);
	background: linear-gradient(transparent 11px, var(--tree-line-color), transparent 12px);
}

.leaf > .handle > i:before {
	content: "\F0224"; /* file-outline */
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.leaf.image > .handle > i:before {
	content: "\F0EB0"; /* file-image-outline */
}
.leaf.video > .handle > i:before {
	content: "\F0E2C"; /* file-video-outline */
}
.leaf.audio > .handle > i:before {
	content: "\F0E2A"; /* file-music-outline */
}
.leaf.upload > .handle > i:before {
	content: "\F0552";
}
.leaf.pending > .handle > i:before {
	content: "\F0772";
	animation: mdi-spin 2s infinite linear;
}
.leaf.error > .handle > i:before {
	content: "\F002A"; /* alert-outline */
}
.leaf.playeron > .handle > i:before {
	content: "\F012F"; /* checkbox-blank-circle */
	color: green;
	text-stroke-color: var(--font-color);
	text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--font-color);
	-webkit-text-stroke-width: 1px;
}
.leaf.playeroff > .handle > i:before {
	content: "\F012F"; /* checkbox-blank-circle */
	color: red;
	text-stroke-color: var(--font-color);
	text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--font-color);
	-webkit-text-stroke-width: 1px;
}
.leaf.schedule > .handle > i:before {
	content: "\F00ED"; /* calendar */
}
.leaf.user > .handle > i:before {
	content: "\F0013"; /* account-outline */
}
.leaf.usersso > .handle > i:before {
	content: "\F0BE4"; /* account-key-outline */
}
.leaf.networkcommandplayer > .handle > i:before {
	content: "\F0A07"; /* monitor-dashboard */
}
.leaf.networkcommandplayerdeleted > .handle > i:before {
	content: "\F0A07"; /* monitor-dashboard */
	color: red;
}
.leaf.room > .handle > i:before {
	content: "\F081A"; /* door */
}
.leaf.building > .handle > i:before {
	content: "\F104D"; /* mdi-home-circle-outline */
}
.leaf.filter > .handle > i:before {
	content: "\F0233"; /* mdi-filter-outline */
}

.leafs {
	display: flex;
	flex-flow: row wrap;
	position: relative;
	margin: 4px 0;
	border: 1px solid var(--light-border-color);
	box-sizing: border-box;
}

.leafs > ul {
	display: flex;
	flex-flow: row wrap;
}

.leafs > ul > li {
	flex: 0 0 auto;
}

.leafs.active {
	outline: 2px solid var(--drop-active-color);
}
.leafs.active:hover {
	background-color: var(--drop-activehover-color);
}

.leafs:not(.dragging):before {
	content: '';
	position: absolute;
	top: -5px;
	left: 8px;
	height: 4px;
	border-left: 1px solid var(--tree-line-color);
}

.leafs .leafContainer {
	display: inline-block;
	margin: 4px;
	border: 1px solid var(--input-border-color);
	cursor: pointer;
	text-align: center;
	border-radius: 2px;
	overflow: hidden;
	vertical-align: top;
}

.leafs .leafContainer.selected {
	background-color: var(--tree-selection-color);
	border: 1px solid var(--tree-selection-color);
	box-shadow: 0 0 5px var(--tree-selection-color);
}

.leafs .leaf > .handle {
	flex-flow: column nowrap;
}

.leafs .leaf > .handle > .image {
	display: block;
	border-bottom: solid 1px var(--light-border-color);
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: center;
}

.leafs .leaf > .handle > .name {
	margin: 0;
	text-align: center;
	font-size: 14px;
	padding: 3px;
	box-sizing: border-box;
}

.leafs .leafContainer.selected > .leaf > .handle > img {
	border-bottom: solid 1px var(--tree-selection-color);
}

/* Image tree checkbox */
ui-tree .leafs .leaf > .handle {
	align-items: start;
	z-index: 0;
}
ui-tree .leafs .leaf > .handle > ui-checkbox {
	position: absolute;
	margin: 3px;
	z-index: 1;
}

/* This causes thumbnails to wrap */
ui-tree.thumbnails .group {
	flex: 0 1 auto;
}

.dragging {
	position: absolute !important;
	margin: 0 !important;
	pointer-events: none;
}

.dragging-source {
	pointer-events: none;
}

.movable {
	cursor: move;
}

.horizontal-resize {
	flex: 0 0 auto;
	width: 10px;
	cursor: ew-resize;
	line-height: 100%;
	display: flex;
	flex-flow: row nowrap;
	user-select: none;
}

.horizontal-resize:after {
	content: '';
	margin: auto;
	width: 1px;
	height: 1px;
	border-radius: 50%;
	background-color: var(--resize-color);
	box-shadow: 0 0 0 1.5px var(--resize-color), 0 11px 0 1.5px var(--resize-color), 0 -11px 0 1.5px var(--resize-color);
}

.vertical-resize {
	flex: 0 0 auto;
	height: 10px;
	cursor: ns-resize;
	line-height: 100%;
	display: flex;
	flex-flow: row nowrap;
	user-select: none;
}

.vertical-resize:after {
	content: '';
	margin: auto;
	width: 1px;
	height: 1px;
	border-radius: 50%;
	background-color: var(--resize-color);
	box-shadow: 0 0 0 1.5px var(--resize-color), 11px 0 0 1.5px var(--resize-color), -11px 0 0 1.5px var(--resize-color);
}

.formgrid {
	flex: 0 0 auto;
	display: grid;
	grid-template-columns: [label] max-content [content] minmax(0,1fr) [content-end];
	align-content: start;
	row-gap: 5px;
	column-gap: 10px;
	padding: 10px;
	color: var(--formgrid-font-color);
	background-color: var(--formgrid-background-color);
}
.formgrid > label:not(.button) {
	grid-column: label;
	align-self: center;
}
.formgrid > progress {
	align-self: center;
	width: 100%;
	height: 100%;
}
.formgrid > ui-color {
	min-width: calc(23ch + 48px);
}
.formgrid:not(.compact) > input:not(label):read-only {
	color: var(--formgrid-font-color);
	background-color: transparent;
	border: none;
}
.formgrid:not(.compact) > input:not(label):read-only::placeholder {
	color: transparent;
}
.formgrid > select {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--input-border-color);
	padding: 4px;
	background-color: var(--input-background-color);
	border-radius: 4px;
	vertical-align: top;
}
.formgrid > select:not([size]) {
	height: 32px;
}
.formgrid > input[type="text"],
.formgrid > input[type="date"],
.formgrid > input[type="time"],
.formgrid > input[type="password"] {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--input-border-color);
	padding: 0 0 0 5px;
	background-color: var(--input-background-color);
	border-radius: 4px;
	height: 32px;
}
.formgrid > ui-checkbox {
	width: 20px;
	height: 32px;
}
.formgrid > ui-treeselect {
	padding: 0 0 0 5px;
}
.formgrid > ui-treeselect:after {
	right: -2px;
	transform: scale(0.65, 1.3);
}
.formgrid input[type="radio"] {
	display: none;
}
.formgrid :not(fieldset) > input[type="radio"] + label {
	color: var(--radio-checked-color);
	position: relative;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
}
.formgrid :not(fieldset) > input[type="radio"] + label:before {
	content: '';
	display: inline-block;
	margin: 2px;
	margin-right: 6px;
	width: 8px;
	height: 8px;
	cursor: pointer;
	border-radius: 50%;
	background-color: transparent;
}
.formgrid :not(fieldset) > input[type="radio"]:checked + label:before {
	background-color: var(--radio-checked-color);
}
.formgrid :not(fieldset) > input[type="radio"] + label:after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	border-radius: 50%;
	border: 1px solid var(--radio-checked-color);
	pointer-events: none;
}
.formgrid .formgrid-label {
	grid-column: 1;
	align-self: left;
}
.formgrid .formgrid-row {
	grid-column: label / end;
	align-self: left;
}
.formgrid .formgrid-buttonrow {
	grid-column: label / end;
	align-self: left;
	margin-top: 5px;
}

/* formgrid compact is a list layout that's useful for display events, rss, and network command schedule data */
.formgrid.compact {
	padding: 0;
	column-gap: 0;
	row-gap: 0;
	z-index: 0;
	position: relative;
	color: var(--formgrid-compact-font-color);
	overflow: auto;
}
.formgrid.compact > header {
	display: contents;
}
.formgrid.compact > header > * {
	font-weight: bold;
	border-right: 1px solid var(--input-border-color);
	border-top: 1px solid var(--input-border-color);
	border-bottom: 1px solid var(--input-border-color);
	padding: 5px;
	align-self: stretch;
	display: flex;
	flex-flow: row nowrap;
	position: sticky;
	top: 0;
	background-color: var(--subheader-color);
	grid-column: unset;
	z-index: 1;
	white-space: nowrap;
}
.formgrid.compact > header > i {
	font-size: 22px;
	padding: 0 5px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	background-color: var(--subheader-color);
	color: var(--font-color);
	border-top: 1px solid var(--input-border-color);
	border-bottom: 1px solid var(--input-border-color);
}

.formgrid.compact > i {
	font-size: 22px;
	padding: 0 5px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	background-color: var(--input-background-color);
	color: var(--font-contrast-color);
	border-top: 1px solid var(--input-border-color);
	border-bottom: 1px solid var(--input-border-color);
}
.formgrid.compact > i:hover {
	color: var(--font-contrast-color-hover) !important;
}
.formgrid.compact > header > span > label + i {
	color: var(--font-color);
	background-color: var(--subheader-color);
	z-index: 1;
	top: 0;
	position: sticky;
}
.formgrid.compact > header > label > span {
	flex: 1 0 auto;
}
.formgrid.compact > header > label > i {
	flex: 0 0 auto;
	margin-left: 5px;
}
.formgrid.compact > *,
.formgrid.compact > input[type="text"], /* note these are explicit in order to have a higher precedence for the rule */
.formgrid.compact > input[type="date"],
.formgrid.compact > input[type="time"],
.formgrid.compact > input[type="password"] {
	border-radius: 0;
}
.formgrid.compact > input:read-only,
.formgrid.compact > textarea:read-only {
	color: var(--input-readonly-color);
	background-color: var(--input-readonly-background-color);
	border: 1px solid var(--input-border-color);
}
.formgrid.compact > ui-checkbox:not(.nocontrast) {
	--font-color: var(--font-contrast-color);
}
.formgrid.compact > ui-checkbox {
	background-color: var(--input-background-color);
	border: 1px solid var(--input-border-color);
	box-sizing: border-box;
	width: inherit; /* the compact look needs these to stretch */
}
.formgrid.compact > .checkbox-group {
	display: flex;
	flex-flow: row nowrap;
	background-color: var(--input-background-color);
	border-top: 1px solid var(--input-border-color);
	border-bottom: 1px solid var(--input-border-color);
}
.formgrid.compact > .checkbox-group > ui-checkbox {
	flex: 1 1 0;
	min-width: 0;
	--font-contrast-color: white;
	--font-color: black;
}

progress[value] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background-color: var(--background-contrast-color);
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}
progress[value]::-webkit-progress-bar {
	background-color: var(--background-contrast-color);
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}
progress[value]::-webkit-progress-value {
	background-color: var(--button-primary-background-color);
	border-radius: 3px;
}
progress[value]::-moz-progress-bar {
	background-color: var(--header-color);
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}

.metadatagrid {
	flex: 0 0 auto;
	display: grid;
	grid-template-columns: minmax(auto, 0.5fr) 70px 25px minmax(0px, 1fr) max-content;
	align-content: start;
	background-color: var(--background-contrast-color);
	color: var(--property-font-color);
}
.metadatagrid > *:nth-child(1),
.metadatagrid > *:nth-child(2),
.metadatagrid > *:nth-child(3),
.metadatagrid > *:nth-child(4),
.metadatagrid > *:nth-child(5) {
	font-weight: bold;
	padding: 2px 4px !important;
}
.metadatagrid > *:nth-child(5n + 1) {
	border: none;
	border-bottom: 1px solid var(--input-border-color);
	padding: 0 4px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.metadatagrid > *:nth-child(5n + 2) {
	border: none;
	border-left: 1px solid var(--input-border-color);
	border-bottom: 1px solid var(--input-border-color);
}
.metadatagrid > *:nth-child(5n + 3) {
	border-left: 1px solid var(--input-border-color);
	border-bottom: 1px solid var(--input-border-color);
}
.metadatagrid > *:nth-child(5n + 4) {
	border: none;
	border-left: 1px solid var(--input-border-color);
	border-bottom: 1px solid var(--input-border-color);
}
.metadatagrid > input:nth-child(5n + 4) {
	padding: 0 4px;
}
.metadatagrid > textarea:nth-child(5n + 4) {
	white-space: pre;
	overflow-wrap: normal;
	resize: none;
	padding: 0 4px;
}
.metadatagrid > ui-checkbox:nth-child(5n + 4) {
	background-color: var(--input-background-color);
	--font-color: var(--font-contrast-color);
}
.metadatagrid > ui-color:nth-child(5n + 4) {
	border-radius: 0;
	width: auto !important;
}
.metadatagrid > *:nth-child(5n + 5) {
	border-left: 1px solid var(--input-border-color);
	border-bottom: 1px solid var(--input-border-color);
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
}
.metadatagrid > *:nth-child(5n + 5) > li {
	flex: 0 0 auto;
	padding: 0 2px;
	display: flex;
	align-items: center;
}
.metadatagrid > .disabled:nth-child(5n + 5) {
	color: var(--input-readonly-color);
	background-color: var(--input-readonly-background-color);
	pointer-events: none;
}
.metadatagrid > *:nth-child(5n + 5) > li.disabled {
	background-color: var(--input-readonly-background-color);
	color: var(--input-readonly-color);
	pointer-events: none;
	visibility: hidden;
}
.metadatagrid .header {
	font-weight: bold;
	grid-column: 1 / span 2;
	align-self: left;
	border-bottom: 1px solid var(--input-border-color);
	background-color: #ddd;
	padding: 2px 3px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	user-select: none;
}
.metadatagrid .error {
	background-color: rgba(255, 0, 0, 0.2);
}

#metadata-multilinetext {
	width: 100%;
	box-sizing: border-box;
	white-space: pre;
	overflow-wrap: normal;
	resize: none;
}

.panel-tip {
	font-size: 22px;
	cursor: default;
	padding: 10px;
	text-align: center;
	color: var(--tree-font-color);
}

.filterplaylistonly {
	border: 1px solid var(--input-border-color);
	padding: 1px 3px 1px 1px;
	border-radius: 4px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	font-size: 14px !important;
}
.filterplaylistonly:before {
	position: relative;
	content: "\F0233";
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: 16px;
	margin-bottom: -1px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.preview-container {
	display: inline-block;
	background: url('../images/transparent.png') white;
	background-size: 20px 20px;
}

.calendar-fullview {
	color: var(--font-color);
}
.calendar-fullview .fc-header-toolbar {
	background-color: var(--subheader-color);
	padding-left: 10px;
	height: 37px;
	margin: 0 !important;
}
.calendar-fullview .fc-header-toolbar button {
	opacity: 1;
	align-items: center;
	border-radius: 3px;
	cursor: pointer;
	user-select: none;
	color: var(--font-color);
	padding: 3px 10px;
	white-space: nowrap;
	background-color: var(--button-background-color);
	border: 1px solid var(--button-border-color);
	line-height: 16px;
	overflow: hidden;
}
.calendar-fullview .fc-header-toolbar button.fc-button-primary {
	background-color: var(--button-primary-background-color);
	border: 1px solid var(--button-primary-border-color);
}
.calendar-fullview .fc-header-toolbar button:disabled {
	opacity: 0.7;
}
.calendar-fullview .fc-header-toolbar button:active,
.calendar-fullview .fc-header-toolbar button:focus {
	outline: none !important;
	box-shadow: none !important;
}
.calendar-fullview .fc-header-toolbar button.fc-button-active {
	background-color: var(--tab-selected-color) !important;
}
.calendar-fullview .fc-toolbar .fc-toolbar-chunk:last-child {
	flex: 0 0 auto;
	display: flex;
	flex-flow: row nowrap;
	align-self: stretch;
}
.calendar-fullview .fc-toolbar .fc-toolbar-chunk:last-child button {
	flex: 1 1 auto;
	width: 100px;
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
	border: none;
	border-radius: 0;
	text-align: center;
	background-color: var(--tab-color);
	color: var(--font-color);
	letter-spacing: inherit;
	text-transform: none;
	position: relative;
}
.calendar-fullview .fc-prev-button,
.calendar-fullview .fc-next-button {
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	margin-right: 5px;
}
.calendar-fullview .fc-prev-button:before,
.calendar-fullview .fc-next-button:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.calendar-fullview .fc-prev-button:before {
	content: "\F0141";
}
.calendar-fullview .fc-next-button:before {
	content: "\F0142";
}
.calendar-fullview .fc-day-today {
	background: var(--fullcalendar-today-color);
}

.toolbar-checkbox {
	font-size: 22px;
	border-radius: 4px;
	border: 1px solid var(--input-border-color);
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	align-self: center;
}

.toolbar-checkbox > .mdi {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}

.toolbar-button-icon {
	width: 32px;
	height: 32px;
	font-size: 22px;
	box-sizing: border-box;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}

#overlaykeyboard {
	position: absolute;
	left: 20%;
	right: 20%;
	bottom: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	z-index: 1000;
	background-color: rgba(255,255,255,0.5);
	border-radius: 5px 10px 0 0;
	padding: 5px 5px 10px 5px;
	user-select: none;
}

#overlaykeyboard > div {
	flex: 0 0 50px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	list-style: none;
}
#overlaykeyboard > div > div {
	flex: 1 0 0;
	display: flex;
	flex-flow: row nowrap;
	padding: 5px;
}
#overlaykeyboard > div > div > span {
	flex: 1 0 0;
	min-width: 0;
	border-radius: 8px;
	background: radial-gradient(circle farthest-corner at 50% 50%, white 60%, #cecece);
	font-size: 25px;
	font-weight: bold;
	color: #2d3d95;
	box-shadow: 0 0 10px black;
	display: flex;
	flex-flow: row nowrap;
	list-style: none;
	align-items: center;
	justify-content: center;
	padding: 5px;
}
#overlaykeyboard > div > div:active {
	background: radial-gradient(circle farthest-corner at 50% 50%, #7273b4 60%, #575aa6);
	color: white;
}
#overlaykeyboard.collapsed {
	left: 50%;
	margin-left: -100px;
	right: initial;
}
#overlaykeyboard.collapsed > div:not(:last-child) {
	display: none;
}
#overlaykeyboard.collapsed > div:last-child > div:not(:last-child) {
	display: none;
}

.watermark {
	width: 100vw;
	height: 100vh;
	pointer-events: none;
}

.watermark div {
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	transform: scale(0.8) rotate(-15deg);
	background: url('../images/keywest.png') 50% 50% / contain no-repeat;
}