/*#region MAIN - ALL */

/*#region MAIN - CSS RESET */

/* The new CSS Reset - version 1.2.0 (last updated 23.7.2021) */

/* remove all except display from user-agent-stylesheet. */

*:where(:not(iframe, canvas, img, svg, video, .note-editor, .note-editor *):not(svg *)) {
	all: unset;
	display: revert;
}

/* set box-sizing to border-box - easier to calculate widths. */
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* remove list bullets and numbers. */

ol, ul {
	list-style: none;
}

/* prevent images from exceeding natural dimensions. */

img {
	max-width: 100%;
}

/* remove white-space style for textarea elements on safari. */

textarea {
	white-space: revert;
}

/*#endregion*/

/*#region MAIN - VARIABLES */


:root {
	--blur: blur(1.65px);
	--components-border-color: #c6c6c6;
	--components-border: solid 1px var(--components-border-color);
	--components-border-color-light: #d6d6d6;
	--components-border-light: solid 1px var(--components-border-color-light);
	--components-border-color-lighter: #e9e9e9;
	--components-border-lighter: solid 1px var(--components-border-color-lighter);
	--components-border-color-dark: #666666;
	--components-border-dark: solid 1px var(--components-border-color-dark);
	--components-border-color-darker: #000000;
	--components-border-darker: solid 1px var(--components-border-color-darker);
	--components-bg-image: linear-gradient(#ffffff, #f0f0f0);
	--components-bg-color: #f8f8f8;
	--components-bg-color-dark: #f0f0f0;
	--components-box-shadow: 1px 1px 15px rgb(0, 0, 0, 0.07);
	--components-box-shadow-hover: 1px 1px 15px rgba(0, 0, 0, 0.09);
	--components-box-shadow-hover-dark: 1px 1px 15px rgba(0, 0, 0, 0.15);
	--content-width-min: 842px;
	--content-width-max: 1200px;
	--error-color: #cf0000;
	--highlight-color: rgb(226, 188, 71);
	--highlight-color-hover: #bf9e3b;
	--highlight-color-dark: #cf9f0d;
	--highlight-bg-image: linear-gradient(hsl(45, 72%, 61%), hsl(45, 88%, 43%));
	--highlight-bg-image-hover: linear-gradient(#cf9f0d, #a77e00);
	--linear-gradient-gray: linear-gradient(#cbced4, #aeb1b8);
	--linear-gradient-gray-hover: linear-gradient(#939599, #444444);
	--margin-standard: 12px;
	--mark-bg-color: #cff1ff;
	--mark-bg-color-light: #dfeff7;
	--padding-standard: 12px;
	--row-even-bg-color: #f7f7f7;
	--row-even-bg-color-hover: #e8e8e8;
	--row-odd-bg-color: #ffffff;
	--row-odd-bg-color-hover: #e8e8e8;
	--selected-color: #000000;
	--selected-bg-color: rgba(147, 216, 240, 0.5);
	--selected-bg-color-light: rgba(192, 228, 240, 0.5);
	--selected-bg-color-lighter: rgba(223, 236, 240, 0.5);
	--text-color: #666666;
	--title-bar-bg-color: #a8a8a8;
	--title-bar-bg-color-low: #888888;
	--title-bar-bg-color-high: #b8b8b8;
	--title-bar-linear-gradient: linear-gradient(var(--title-bar-bg-color-low), var(--title-bar-bg-color-high));
	--footer-bg-color: #e8e8e8;
	--footer-bg-color-low: #e0e0e0;
	--footer-bg-color-high: #f0f0f0;
	--footer-linear-gradient: linear-gradient(var(--footer-bg-color-low), var(--footer-bg-color-high));
}

/*#endregion*/

/*#region MAIN - BROWSER ADJUSTMENTS */

/* chrome */
/*
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
	border: 1px solid #cccccc;
	-webkit-text-fill-color: #666666;
	-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition-delay: 99999s;
	outline: none;
}
*/
/* ie 11 */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	body {
		display: block !important;
	}

	.signin-form {
		display: block !important;
	}

	.signin-instruction {
		display: none !important;
	}

	#txtUserName, #txtPassword {
		display: none !important;
	}

	.alert-container.ie11 {
		display: inline-block !important;
	}

	#btnSignIn {
		display: none !important;
	}

	#aForgot {
		display: none !important;
	}
}

/*#endregion*/

/*#region MAIN - FONTS */

@font-face {
	font-family: OpenSans;
	src: url(/fonts/OpenSans-Regular.ttf);
}

@font-face {
	font-family: OpenSansSemiBold;
	src: url(/fonts/OpenSans-Semibold.ttf);
}

@font-face {
	font-family: MinionPro;
	src: url(/fonts/MinionPro-Regular.otf);
}

/*#endregion*/

/*#region MAIN - HTML ELEMENTS */

html, div {
	scroll-behavior: smooth;
}

body {
	min-height: 100vh;
	font-family: OpenSans, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	color: #666666;
	cursor: default;
}

	body.pge-blnk {
		padding: 30px;
	}

main {
	display: inline-block;
	margin-right: 20px;
}

	main > :not(input, button, a, #divBodyTitle) {
		width: 100%;
		margin-bottom: 25px;
	}

	main > :last-child {
		margin-bottom: 0;
	}

	main > :empty {
		display: none;
	}

	main::after {
		content: '';
		display: inline-block;
	}

.page-signin-index main {
	margin-right: 0;
	margin-top: 20px;
}

.app-id-9 [data-view] > .content-rows {
	margin-bottom: var(--margin-standard);
	box-shadow: var(--components-box-shadow);
}

td {
	padding: 3px;
}

[data-placeholder]:empty::before {
	content: attr(data-placeholder);
	display: inline-block;
	font-size: 12px;
	color: #aaaaaa;
	padding: 10px 12px;
	pointer-events: none;
}

p {
	margin-top: 0;
	margin-bottom: var(--margin-standard);
}

	p:last-child {
		margin-bottom: 0;
	}

i {
	font-style: italic;
}

hr {
	border-top: var(--components-border-light);
}

a:link, a:visited {
	text-decoration: none;
	color: var(--highlight-color);
	font-family: OpenSansSemiBold, sans-serif !important;
	word-wrap: break-word;
	border-bottom: solid 1px transparent;
}

a:hover {
	cursor: pointer;
	text-decoration: none;
	color: var(--text-color);
	border-bottom: solid 1px var(--text-color);
}

a.button {
	display: block;
	width: 19px;
	height: 18px;
	line-height: 7px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 11px;
	letter-spacing: 0.05em;
	color: #ffffff !important;
	padding: 2px 0 0 4px;
	background-image: var(--linear-gradient-gray);
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

	a.button:hover {
		text-decoration: none;
		background-image: var(--linear-gradient-gray-hover);
	}

select {
	overflow: auto;
	background-color: #ffffff;
	border: var(--components-border);
	border-radius: 3px;
	box-shadow: var(--component-box-shadow);
}

	select:disabled {
		background-color: #bbbbbb;
		pointer-events: none;
	}

	select option {
		padding: 2px 5px;
	}

		select option:hover,
		select option:focus,
		select option:active {
			background: linear-gradient(#ddf1f9, #ddf1f9);
			color: #666666 !important;
			-webkit-text-fill-color: var(--selected-color);
			-webkit-transition-delay: 99999s;
		}

		select option:checked {
			background: linear-gradient(#cdebf7, #cdebf7);
			color: var(--selected-color) !important;
			-webkit-text-fill-color: var(--selected-color);
			-webkit-transition-delay: 99999s;
		}

optgroup {
	background-color: #bbbbbb;
}

textarea {
	width: 100%;
	height: 80px;
	resize: both;
	padding: 5px 7px;
	background-color: #ffffff;
	border: var(--components-border);
	border-radius: 3px;
	box-shadow: var(--component-box-shadow);
	cursor: text;
}

	textarea:disabled {
		color: #dddddd;
		background-color: #dddddd;
		pointer-events: none;
		user-select: none;
	}

	textarea:hover, textarea:focus {
		border: var(--components-border-dark);
		box-shadow: var(--components-box-shadow-hover);
	}

input {
	height: 22px;
	padding: 0 0 0 7px;
	background-color: #ffffff;
	border: var(--components-border);
	border-radius: 3px;
	box-shadow: var(--component-box-shadow);
}

	input:hover, input:focus {
		border: var(--components-border-dark);
		box-shadow: var(--components-box-shadow-hover);
		color: var(--selected-color);
	}

	input[type=file] {
		display: none;
	}

	input[type=submit], input[type=button],
	button, .ui-dialog .ui-dialog-buttonpane button,
	.raw-manifest a, .raw-manifest label {
		height: 24px;
		font-family: OpenSansSemiBold, sans-serif;
		text-transform: uppercase;
		color: #ffffff;
		text-align: center;
		vertical-align: top;
		padding: 0 8px;
		background-image: var(--highlight-bg-image);
		border: none;
		border-radius: 3px;
		box-shadow: var(--component-box-shadow);
	}

		input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, input[type=button]:focus,
		button:not(.note-btn):not([class^=xdsoft]):hover, button:not(.note-btn):not([class^=xdsoft]):focus,
		.ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:focus,
		.raw-manifest a:hover, .raw-manifest a:focus, .raw-manifest label:hover, .raw-manifest label:focus,
		label:hover > button, label:focus > button {
			cursor: pointer;
			background-image: var(--highlight-bg-image-hover);
			box-shadow: var(--components-box-shadow-hover);
		}

		.disabled input, input.disabled, input:disabled, .disabled .inputfile + label,
		.disabled button, button.disabled, button:disabled,
		.ui-dialog .ui-dialog-buttonpane button.disabled, .ui-dialog .ui-dialog-buttonpane button:disabled {
			background-image: var(--linear-gradient-gray);
			color: #333333;
			box-shadow: none;
			opacity: 0.5;
			pointer-events: none;
		}

			.disabled .inputfile + label > button {
				opacity: 1;
			}

		button.add::before {
			content: '';
			display: inline-block;
			width: 16px;
			height: 16px;
			background: url(/media/images/add.png) no-repeat;
			background-size: 16px;
		}

		button.edit::before {
			content: '';
			display: inline-block;
			width: 16px;
			height: 16px;
			background: url(/media/images/edit.png) no-repeat;
			background-size: 16px;
		}

		button.save::before {
			content: '';
			display: inline-block;
			width: 16px;
			height: 16px;
			background: url(/media/images/save.png) no-repeat;
			background-size: 16px;
		}

		button.cancel::before {
			content: '×' !important;
			display: inline-block;
			width: 17px;
			height: 13px;
			line-height: 13px;
			font-family: 'OpenSans';
			font-size: 24px;
			vertical-align: top;
			margin-left: -2px;
		}

		button > * {
			vertical-align: top;
		}

	input[type=text] {
		cursor: text;
	}

	button.secondary, input[type=button].secondary {
		background-image: var(--linear-gradient-gray);
	}

		button.secondary:hover, button.secondary:focus, input[type=button].secondary:hover, input[type=button].secondary:focus {
			background-image: var(--linear-gradient-gray-hover) !important;
		}

		button.secondary.disabled, .disabled button.secondary {
			color: #333333;
		}

.alternating-rows :not(tfoot) tr td button {
	width: 17px;
	height: 17px;
	font-size: 11px !important;
	padding: 0;
}

#btnAdd, #btnDelete, #btnUpdate, #btnCancel, #btnClear {
	display: inline-block;
	margin-left: 5px;
}

#btnApproveAll {
	display: none;
}

::placeholder, .as-placeholder {
	color: #c0c0c0 !important;
}

*:focus {
	outline: none;
}

/* PRODUCTION */

.app-id-9 main > :not(input,button,a,#divBodyTitle) {
	min-width: var(--content-width-min);
	max-width: var(--content-width-max);
}

.pg-cntnt-az-ai-vsn main > :not(input,button,a,#divBodyTitle) {
	min-width: none;
	max-width: none;
}

.scndry-cptns {
	font-size: 11px;
}

	.scndry-cptns ul {
		margin-left: 15px;
		list-style: inherit;
	}

.ai-tags {
	font-size: 11px;
	margin-top: 5px;
}

/* EXTRANET */

.app-id-10 main > * {
	width: auto !important;
}

.page-crt main > :first-child > :not(:first-child) {
	margin-top: 20px;
}

.embedded .divider {
	display: none;
}

/*#endregion*/

/*#endregion*/

/*#region FORMATTING - ALL */

/*#region FORMATTING - ALIGNMENT */

.align-top {
	vertical-align: top !important;
}

.align-right {
	text-align: right !important;
}

.align-middle {
	vertical-align: middle !important;
}

.align-bottom {
	vertical-align: bottom !important;
}

.align-left {
	text-align: left !important;
}

.align-center {
	text-align: center !important;
}

.align-baseline {
	vertical-align: baseline !important;
}

.flex {
	display: flex;
}

	.flex.align-center, .inline-flex.align-center {
		justify-content: center;
	}

	.flex.space-between, .inline-flex.space-between {
		justify-content: space-between;
	}

	.flex.space-around, .inline-flex.space-around {
		justify-content: space-around;
	}

	.flex.start, .inline-flex.start {
		justify-content: start !important;
	}

	.flex.end, .inline-flex.end {
		justify-content: end;
	}

	.flex.row, .inline-flex.row {
		flex-direction: row;
	}

	.flex.row-rev, .inline-flex.row-rev {
		flex-direction: row-reverse;
	}

	.flex.col, .inline-flex.col {
		flex-direction: column;
	}

	.flex.col-rev, .inline-flex.col-rev {
		flex-direction: column-reverse;
	}

	.flex.vertical-center, inline-flex.vertical-center {
		align-items: center;
	}

.inline-flex {
	display: inline-flex !important;
}

.gap-large {
	gap: var(--margin-standard) !important;
}

.gap {
	gap: 10px !important;
}

.gap-row {
	grid-row-gap: var(--margin-standard) !important;
}

.gap-col {
	grid-column-gap: var(--margin-standard) !important;
}

.gap-small {
	gap: 5px !important;
}

.grid {
	display: grid !important;
}

	.grid.with-title-bar > * > :first-child {
		height: 26px;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		word-spacing: 0.25em;
		white-space: nowrap;
		color: #ffffff;
		padding: 4px 12px 0 12px !important;
		background-image: var(--title-bar-linear-gradient);
		border-right: var(--components-border-light);
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		cursor: pointer;
		user-select: none;
	}

	.grid.with-title-bar > :only-child > :first-child {
		border-right: none;
	}

	.grid.with-title-bar > * > :first-child::after {
		content: '';
		position: relative;
		display: inline-block;
		width: 9px;
		height: 9px;
		top: -3px;
		margin-left: 10px;
		border-right: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
		transform: rotate(45deg);
	}

	.grid.with-title-bar > * > :first-child.collapsed {
		border-radius: 3px;
	}

		.grid.with-title-bar > * > :first-child.collapsed::after {
			top: -0.5px;
			transform: rotate(-45deg);
		}

	.grid.with-title-bar > * > :first-child.with-info-icon {
		padding-top: 2px !important;
	}

	.grid.with-title-bar > :first-child > :last-child {
		padding: var(--padding-standard);
		border-left: var(--components-border);
		border-bottom: var(--components-border);
		border-right: var(--components-border-light);
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}

	.grid.with-title-bar > * > :last-child {
		background-color: var(--components-bg-color);
	}

.cols-11 {
	grid-template-columns: 1fr 1fr !important;
}

.cols-12 {
	grid-template-columns: 1fr 2fr !important;
}

.cols-1a1 {
	grid-template-columns: 1fr auto 1fr !important;
}

.cols-a1 {
	grid-template-columns: auto 1fr !important;
}

.cols-aa {
	grid-template-columns: auto auto !important;
}

.cols-aaa {
	grid-template-columns: repeat(3, auto) !important;
}

.self-center {
	align-self: center;
}

.grid-gap.standard {
	gap: 3px 10px;
}

.grid-col-span-2 {
	grid-column: span 2;
}

.grid-col-span-3 {
	grid-column: span 3;
}

.grid-row-span-2 {
	grid-row: span 2;
}

/*#endregion*/

/*#region FORMATTING - BORDER */

.border-top, .border-top > td {
	border-top: var(--components-border) !important;
}

	.border-top.light, .border-top.light > td {
		border-top: var(--components-border-light) !important;
	}

	.border-top.lighter, .border-top.lighter > td {
		border-top: var(--components-border-lighter) !important;
	}

	.border-top.dark, .border-top.dark > td {
		border-top: var(--components-border-dark) !important;
	}

	.border-top.dashed, .border-top.dashed > td {
		border-top-style: dashed !important;
	}

.border-top-none, .border-top-none > td {
	border-top: none !important;
}

.border-right, .border-right > td {
	border-right: var(--components-border) !important;
}

	.border-right.light, .border-right.light > td {
		border-right: var(--components-border-light) !important;
	}

	.border-right.lighter, .border-right.lighter > td {
		border-right: var(--components-border-lighter) !important;
	}

	.border-right.dark, .border-right.dark > td {
		border-right: var(--components-border-dark) !important;
	}

	.border-right.dashed, .border-right.dashed > td {
		border-right-style: dashed !important;
	}

.border-right-none, .border-right-none > td {
	border-right: none !important;
}

.border-bottom, .border-bottom > td {
	border-bottom: var(--components-border) !important;
}

	.border-bottom.light, .border-bottom.light > td {
		border-bottom: var(--components-border-light) !important;
	}

	.border-bottom.lighter, .border-bottom.lighter > td {
		border-bottom: var(--components-border-lighter) !important;
	}

	.border-bottom.dark, .border-bottom.dark > td {
		border-bottom: var(--components-border-dark) !important;
	}

	.border-bottom.dashed, .border-bottom.dashed > td {
		border-bottom-style: dashed !important;
	}

.border-bottom-none, .border-bottom-none > td {
	border-bottom: none !important;
}

.border-left, .border-left > td {
	border-left: var(--components-border) !important;
}

	.border-left.light, .border-left.light > td {
		border-left: var(--components-border-light) !important;
	}

	.border-left.lighter, .border-left.lighter > td {
		border-left: var(--components-border-lighter) !important;
	}

	.border-left.dark, .border-left.dark > td {
		border-left: var(--components-border-dark) !important;
	}

	.border-left.dashed, .border-left.dashed > td {
		border-left-style: dashed !important;
	}

.border-left-none, .border-left-none > td {
	border-left: none !important;
}

.border-box {
	vertical-align: top;
	color: #666666;
	background-color: var(--components-bg-color);
	border: var(--components-border);
	border-radius: 3px;
}

.border-none {
	border: none !important;
}

.border-bottom-radius {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.border-bottom-left-radius {
	border-bottom-left-radius: 3px;
}

.border-bottom-right-radius {
	border-bottom-right-radius: 3px;
}

.top-radius-none {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

table.border-box-no-top-border {
	vertical-align: top;
	background-color: var(--components-bg-color);
}

	table.border-box-no-top-border > tbody > tr > td:first-child {
		border-left: var(--components-border);
	}

	table.border-box-no-top-border > tbody > tr > td:last-child {
		border-right: var(--components-border);
	}

	table.border-box-no-top-border > tbody > tr:last-child > td {
		border-bottom: var(--components-border);
	}

		table.border-box-no-top-border > tbody > tr:last-child > td:first-child {
			border-bottom-left-radius: 3px;
		}

		table.border-box-no-top-border > tbody > tr:last-child > td:last-child {
			border-bottom-right-radius: 3px;
		}

/*#endregion*/

/*#region FORMATTING - FONT */

.font-size-0 {
	font-size: 0;
}

.font-size-xxl {
	font-size: 1.6em;
}

.font-size-xl {
	font-size: 1.4em;
}

.font-size-l {
	font-size: 1.2em;
}

.font-size-m {
	font-size: 1.1em;
}

.font-size-s {
	font-size: 0.8rem;
}

.font-size-xs {
	font-size: 0.6rem;
}

.font-size-xxs {
	font-size: 0.4rem;
}

.font-size-11 {
	font-size: 11px;
}

.font-size-12 {
	font-size: 12px;
}

.font-normal {
	font-family: OpenSans, sans-serif !important;
	font-weight: normal !important;
}

.bold {
	font-weight: bold;
}

.strong {
	font-weight: bold;
}

.emphasized {
	font-style: italic;
}

.larger-font, .font-larger {
	font-size: larger;
}

.semi-bold {
	font-family: OpenSansSemiBold, sans-serif;
}

/*#endregion*/

/*#region FORMATTING - GENERAL */

.box-shadow-none {
	box-shadow: none !important;
}

.box-shadow {
	box-shadow: var(--components-box-shadow);
}

::selection {
	color: var(--selected-color);
	background-color: var(--selected-bg-color);
}

.position-relative {
	position: relative;
}

.pos-top-0 {
	top: 0 !important;
}

.pos-top-2 {
	top: 2px !important;
}

.position-fixed {
	position: fixed;
}

.hidden {
	display: none !important;
}

.block {
	display: block !important;
}

.inline-block {
	display: inline-block !important;
}

.cid {
	display: inline-block;
	position: relative;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 13px !important;
	cursor: default;
}

[id$=divContentStatus] {
	display: inline-block;
	margin: 0 12px 0 5px;
}

.content-metadata-container .cid > label {
	position: absolute;
	right: 0;
	top: 0;
}

.spacer-cell {
	width: var(--padding-standard);
}

.crsr-pntr {
	cursor: pointer;
}

.no-pntr-evts {
	pointer-events: none;
}

#divValMsgs, #divValMsgsEditAcct, #divValMsgsMoveAcct {
	color: var(--error-color);
	margin-top: var(--padding-standard);
	box-shadow: none;
}

	#divValMsgs:empty, #divValMsgsEditAcct:empty, #divValMsgsMoveAcct:empty {
		display: none;
	}

#divSvrMsg, #divNoContent {
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 13px;
	text-align: center;
	margin-top: 50px;
	box-shadow: none !important;
}

.error {
	font-weight: normal;
	color: var(--error-color);
}

.valid {
	color: #00cc00;
}

.no-wrap {
	white-space: nowrap !important;
}

.wrap {
	white-space: normal !important;
}

.no-scroll {
	overflow: hidden !important;
}

.alert {
	background: url(/media/images/bell.jpg) top left no-repeat;
	font-size: 12px;
	font-style: italic;
	color: #cc0000;
}

/* EXTRANET */

.page-crt .cid {
	font-size: 13px;
}

.no-hover {
	pointer-events: none;
}

/*#endregion*/

/*#region FORMATTING - MARGIN */

.margin-large {
	margin: 25px !important;
}

.margin {
	margin: var(--margin-standard) !important;
}

.margin-none {
	margin: 0 !important;
}

.margin-top-large {
	margin-top: 25px !important;
}

.margin-10 {
	margin: 10px !important;
}

.margin-top {
	margin-top: var(--margin-standard) !important;
}

.margin-top-small {
	margin-top: 5px !important;
}

.margin-top-none {
	margin-top: 0 !important;
}

.margin-right-large {
	margin-right: 25px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-right {
	margin-right: var(--margin-standard) !important;
}

.margin-right-small {
	margin-right: 5px !important;
}

.margin-right-none {
	margin-right: 0 !important;
}

.margin-right-large {
	margin-bottom: 25px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}

.margin-bottom {
	margin-bottom: var(--margin-standard) !important;
}

.margin-bottom-small {
	margin-bottom: 5px !important;
}

.margin-bottom-none {
	margin-bottom: 0 !important;
}

.margin-bottom-large {
	margin-left: 25px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-left {
	margin-left: var(--margin-standard) !important;
}

.margin-left-small {
	margin-left: 5px !important;
}

.margin-left-none {
	margin-left: 0 !important;
}

.margin-left-large {
	margin-left: 25px !important;
}

.margin-left-10 {
	margin-left: 10px !important;
}

/*#endregion*/

/*#region FORMATTING - PADDING */

.padding {
	padding: var(--padding-standard) !important;
}

.padding-large {
	padding: 25px !important;
}

.padding-15 {
	padding: 15px !important;
}

.padding-small {
	padding: 5px !important;
}

.padding-none {
	padding: 0 !important;
}

.padding-top-large {
	padding-top: 25px !important;
}

.padding-top-15 {
	padding-top: 15px !important;
}

.padding-top {
	padding-top: var(--padding-standard) !important;
}

.padding-top-small {
	padding-top: 5px !important;
}

.padding-top-none {
	padding-top: 0 !important;
}

tr.padding-top-none > td {
	padding-top: 0 !important;
}

.padding-right-large {
	padding-right: 25px !important;
}

.padding-right-15 {
	padding-right: 15px !important;
}

.padding-right {
	padding-right: var(--padding-standard) !important;
}

.padding-right-small {
	padding-right: 5px !important;
}

.padding-right-none {
	padding-right: 0 !important;
}

.padding-bottom-large {
	padding-bottom: 25px !important;
}

.padding-bottom-15 {
	padding-bottom: 15px !important;
}

.padding-bottom {
	padding-bottom: var(--padding-standard) !important;
}

.padding-bottom-small {
	padding-bottom: 5px !important;
}

.padding-bottom-none {
	padding-bottom: 0 !important;
}

tr.padding-bottom-none > td {
	padding-bottom: 0 !important;
}

.padding-left-large {
	padding-left: 25px !important;
}

.padding-left-15 {
	padding-left: 15px !important;
}

.padding-left {
	padding-left: var(--padding-standard) !important;
}

.padding-left-small {
	padding-left: 5px !important;
}

.padding-left-none {
	padding-left: 0 !important;
}

/*#endregion*/

/*#region FORMATTING - SIZE */

.width {
	width: var(--content-width-min);
}

.min-width {
	min-width: var(--content-width-min) !important;
}

.max-width {
	max-width: var(--content-width-min) !important;
}

.width-100-pct {
	width: 100%;
}

.width-50-pct {
	width: 50%;
}

.width-auto {
	width: auto !important;
}

/*#endregion*/

/*#endregion*/

/*#region UI - ALL */

/*#region UI - ACCOUNT SUMMARY, PRODUCTION COMMENTS */

#divAcctSmry {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-radius: 3px;
}

	#divAcctSmry #divPrprtyTierSlctr {
		position: absolute;
		display: none;
		left: -7.5px;
		top: 20px;
	}

	#divAcctSmry > div > :first-child {
		background-image: var(--title-bar-linear-gradient);
	}

	#divAcctSmry > div > :last-child {
		background-color: var(--components-bg-color);
	}

	#divAcctSmry > :first-child > :first-child {
		border-top-left-radius: 3px;
		border-top-right-radius: 0;
		cursor: pointer;
		user-select: none;
	}

		#divAcctSmry > :first-child > :first-child::after {
			content: '';
			position: relative;
			display: inline-block;
			width: 9px;
			height: 9px;
			top: -3px;
			margin-left: 10px;
			border-right: 2px solid #ffffff;
			border-bottom: 2px solid #ffffff;
			transform: rotate(45deg);
		}

		#divAcctSmry > :first-child > :first-child.collapsed {
			border-bottom-left-radius: 3px;
		}

			#divAcctSmry > :first-child > :first-child.collapsed::after {
				top: -0.5px;
				transform: rotate(-45deg);
			}

	#divAcctSmry.one-col {
		grid-template-columns: 1fr;
	}

	#divAcctSmry.three-cols {
		grid-template-columns: 1fr auto 400px;
	}

	#divAcctSmry > :last-child > :first-child {
		border-right: none;
		border-top-left-radius: 0;
		border-top-right-radius: 3px;
	}

	#divAcctSmry > * > :first-child {
		height: 26px;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		white-space: nowrap;
		color: #ffffff;
		padding: 4px 12px 0 12px !important;
		border-right: var(--components-border-light);
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

		#divAcctSmry > * > :first-child.with-info-icon {
			padding-top: 2px !important;
		}

		#divAcctSmry > * > :first-child.with-full-height-icon-button .icon-button {
			position: relative;
			top: -4px;
			border-radius: 0;
		}

	#divAcctSmry .pid-property {
		position: relative;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 14px;
		white-space: nowrap;
		margin-bottom: 5px;
	}

	#divAcctSmry > :not(:first-child):not(:last-child) > :first-child {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	#divAcctSmry > :first-child > :last-child {
		padding: 8px 12px 8px 12px;
		border-left: var(--components-border);
		border-bottom: var(--components-border);
		border-right: var(--components-border-light);
		border-bottom-left-radius: 3px;
	}

		#divAcctSmry > :first-child > :last-child > :last-child {
			display: grid;
			grid-template-columns: auto minmax(313px, 1fr);
			gap: 3px 10px;
			font-size: 0.7rem;
		}

			#divAcctSmry > :first-child > :last-child > :last-child > :nth-child(odd) {
				font-family: OpenSansSemiBold, sans-serif;
				white-space: nowrap;
			}

			#divAcctSmry > :first-child > :last-child > :last-child > :nth-child(8) {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

	#divAcctSmry .sub-title {
		border-bottom: none;
		padding: 12px;
		font-family: OpenSansSemiBold;
		text-transform: uppercase;
	}

	#divAcctSmry .cmt-hdr {
		padding: 7px 12px 1px 12px;
	}

	#divAcctSmry.three-cols .cmt-hdr {
		max-width: 400px;
	}

	#divAcctSmry .cmt {
		padding: 0 12px 7px 12px;
	}

.page-home-imgtech .cmt-hdr {
	max-width: 535px;
}

.page-home-imgtech .cmt {
	max-width: 535px;
}

#divAcctSmry.three-cols .cmt {
	max-width: 400px;
}

.page-content-propertyimages #divAcctSmry .metadata-grid {
	height: calc(100% - 26px);
	gap: 0 10px;
	grid-template-rows: repeat(4, auto) 1fr;
	font-size: 12px;
	padding: 10px 15px;
	border-right: var(--components-border-light);
	border-bottom: var(--components-border);
}

#divAcctSmry .for-add-property-shoot-comment {
	border-right: var(--components-border);
	border-bottom: var(--components-border);
}

#divAcctSmry .for-property-shoot-comments {
	position: relative;
	height: calc(100% - 26px);
	border-right: var(--components-border);
	border-bottom-right-radius: 3px;
	border-bottom: var(--components-border);
}

#divAcctSmry textarea {
	height: 100%;
	padding: 10px 12px;
	background-color: #ffffff;
	background-image: none !important;
	border: none;
	box-shadow: none;
}

#divAcctSmry .styled-text-box {
	min-width: 400px;
	height: 129px;
	background-color: unset;
	background-color: var(--components-bg-color);
	border: none;
	border-radius: 0;
	border-bottom-right-radius: 3px;
	box-shadow: none;
}

.page-content-bracketinguploading #divAcctSmry .styled-text-box {
	height: 150px;
}

#divAcctSmry .uploaded-review-counts-grid, #divAcctSmry .assignments-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	height: calc(100% - 26px);
	border-bottom: var(--components-border);
	border-right: var(--components-border);
	padding: var(--padding-standard) 12px 0 12px;
}

#divAcctSmry .uploaded-review-counts-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	height: calc(100% - 26px);
	border-bottom: var(--components-border);
	border-right: var(--components-border);
	padding: var(--padding-standard) 12px 0 12px;
}

	#divAcctSmry .assignments-grid > div > div, #divAcctSmry .uploaded-review-counts-grid > div > div {
		text-align: center;
	}

	#divAcctSmry .assignments-grid > div > :first-child, #divAcctSmry .uploaded-review-counts-grid > div > :first-child {
		font-family: OpenSansSemiBold, sans-serif;
		white-space: nowrap;
		margin-bottom: 5px;
	}

	#divAcctSmry .assignments-grid > div > :last-child, #divAcctSmry .uploaded-review-counts-grid > div > :last-child {
		font-size: 16px;
	}

.account-info-container {
	width: 100%;
	border-radius: 3px;
	background-color: var(--components-bg-color);
	border: var(--components-border);
	border-radius: 3px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.12);
}

	.account-info-container > table {
		width: 100%;
		margin-left: var(--margin-standard);
		margin-right: var(--margin-standard);
		margin-bottom: var(--margin-standard);
	}

		.account-info-container > table > tr > td:first-child {
			width: 10px;
			white-space: nowrap;
		}

.account-info-pid-name {
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 14px;
	padding: var(--padding-standard);
}

.account-info-row {
	padding: 0 var(--padding-standard);
}

	.account-info-row:last-child {
		padding-bottom: var(--padding-standard);
	}

#divPropertyCounts {
	margin-bottom: var(--margin-standard);
}

	#divPropertyCounts tr td:first-child {
		padding-right: var(--padding-standard);
	}

.inactive {
	color: var(--error-color);
}

.deactivate-acct-btn {
	position: absolute;
	right: 0;
	top: -2px;
	font-size: 12px;
	margin-left: 12px;
}

#btnCxlAddProdCmt {
	display: none;
}

#btnSaveProdCmt {
	display: none;
}

#txtAddProdCmt {
	display: none;
	position: absolute;
	width: calc(100% - 1px);
	height: calc(100% - 27px) !important;
	top: 26px;
}

.tier {
	display: inline-block;
	position: relative;
	top: -1px;
	width: 16px;
	height: 16px;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	margin-right: 5px;
	border-radius: 2px;
}

	.tier.economy {
		background-color: #73bf73; /* green */
	}

		.tier.economy::before {
			content: 'E';
		}

	.tier.economy-expanded {
		background-color: #6b9eb3; /* blue */
	}

		.tier.economy-expanded::before {
			content: 'EE';
		}

	.tier.mid-tier {
		background-color: #bf73bf; /* purple */
	}

		.tier.mid-tier::before {
			content: 'M';
		}

	.tier.luxury {
		background-color: #cf912d; /* red-gold */
	}

		.tier.luxury::before {
			content: 'L';
		}

	.tier.unknown {
		background-color: #888888; /* gray */
	}

		.tier.unknown::before {
			content: 'U';
		}

.select2-container .tier {
	top: 0;
	line-height: 17px;
}

/*#endregion*/

/*#region UI - AUTOCOMPLETE */

.autocomplete-suggestions {
	margin-top: 5px;
	border: 1px solid #cccccc;
	background: #ffffff;
	overflow: auto;
	box-shadow: var(--component-box-shadow);
	border-radius: 3px;
}

.autocomplete-group {
	font-family: OpenSansSemiBold, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.25em;
	letter-spacing: 0.05em;
	padding: 10px 7px 5px 7px;
	margin-top: 10px;
	border-top: var(--components-border-light);
	cursor: default;
}

	.autocomplete-group:first-child {
		border-top: none;
		padding-top: 0;
		margin-top: 5px;
	}

.autocomplete-suggestion {
	padding: 3px 7px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-no-suggestion {
	font-family: OpenSansSemiBold, sans-serif;
	padding: 5px 7px;
	border-color: #b0b0b0;
	box-shadow: var(--components-box-shadow-hover);
}

.autocomplete-selected {
	color: var(--selected-color);
	background-color: rgba(147, 216, 240, 0.2);
}

.autocomplete-suggestions strong {
	font-family: OpenSansSemiBold, sans-serif;
}

mark {
	font-family: OpenSansSemiBold, sans-serif;
	background-color: var(--mark-bg-color);
}

#divHighlighter {
	position: absolute;
	background-color: var(--mark-bg-color);
	opacity: 0.75;
}

/*#endregion*/

/*#region UI - BANNER */

.banner {
	color: #ffffff;
	text-align: center;
	padding: 15px;
	background-color: var(--highlight-color);
}

	.banner > .title {
		display: inline-block;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 18px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		word-spacing: 0.25em;
		padding-bottom: 5px;
		margin-bottom: 2px;
		border-bottom: solid 1px #ffffff;
	}

	.banner > .subtitle {
		width: 900px;
		line-height: 1.3em;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 13px;
		letter-spacing: 0.05em;
		padding: 5px 15px 0 15px;
		margin: 0 auto;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom: none;
	}

		.banner > .subtitle > .subtitle {
			height: 2.4em;
			font-size: 1.1em;
			font-style: italic;
		}

/* EXTRANET */

body:not(.page-home-index) .app-id-10 .banner > .subtitle {
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 18px;
	font-style: normal;
}

/*#endregion*/

/*#region UI - CHECKBOXES */

input[type=checkbox] {
	appearance: none;
	display: none;
}

label.checkbox {
	position: relative;
	display: inline-flex;
	flex-direction: row;
	gap: 5px;
}

	label.checkbox .label-text {
		position: relative;
		display: inline-block;
		top: 2px;
		line-height: initial;
		cursor: pointer;
		user-select: none;
	}

.disabled * {
	pointer-events: none;
	color: #b8b8b8;
}

.disabled {
	pointer-events: none;
}

	.disabled label.checkbox label, label.checkbox.disabled label {
		background-image: none;
		background-color: #e8e8e8;
		box-shadow: none;
		opacity: 0.5;
		pointer-events: none;
	}

.content-metadata-container .label-text {
	font-family: OpenSansSemiBold, sans-serif;
}

label.checkbox.disabled {
	pointer-events: none;
}

	label.checkbox.disabled > span {
		color: #cccccc !important;
	}

label.checkbox label {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	top: 2px;
	border: var(--components-border-dark);
	border-radius: 3px;
	box-shadow: var(--components-box-shadow);
	cursor: pointer;
	background-color: #ffffff;
}

label.checkbox:hover label {
	border: var(--components-border-darker);
	box-shadow: var(--components-box-shadow-hover-dark);
}

label.checkbox:hover span {
	color: var(--selected-color);
}

label.checkbox input[type=checkbox]:disabled + label {
	background-color: #e8e8e8;
	box-shadow: none;
	opacity: 0.5;
	pointer-events: none;
}

	label.checkbox input[type=checkbox]:disabled + label + span {
		color: #999999;
		opacity: 0.5;
		pointer-events: none;
	}

	label.checkbox input[type=checkbox]:disabled + label::after {
		border-color: #aaaaaa;
	}

label.checkbox label::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 5.5px;
	left: 50%;
	top: 50%;
	border: 2px solid transparent;
	border-top: none;
	border-right: none;
	transform: rotate(-53deg) translate(-5%, -135%);
}

label.checkbox input[type=checkbox]:checked + label::after {
	border-color: #666666;
}

label.checkbox input[type=checkbox]:disabled + label::after {
	border-color: transparent;
	cursor: default;
}

label.checkbox input[type=checkbox]:checked:disabled + label::after {
	border-color: #aaaaaa;
	cursor: default;
}

label.checkbox[for=chkIncludeCancelled], label.checkbox[for=chkIncludeHidden], label.checkbox[for=chkIncludeOldVer] {
	display: inline-block;
	vertical-align: top;
	margin-top: 1px;
}

/* PRODUCTION - scenes */

.page-accounts-scenes .content-metadata-container .label-text {
	font-size: 12px;
}

.page-accounts-scenes .thumbnail-container {
	width: 249px !important;
	min-width: 249px !important;
	max-width: 249px !important;
}

	.page-accounts-scenes .thumbnail-container > .thumbnail {
		width: 249px !important;
		height: 166px !important;
	}

		.page-accounts-scenes .thumbnail-container > .thumbnail > img {
			/*min-width: 249px;*/
			/*max-width: 249px;*/
			/*height: 166px;*/
			/*min-height: 166px;*/
			max-height: 166px !important;
		}

.page-accounts-scenes .content-metadata-container > div {
	height: 166px !important;
	border-right: var(--components-border) !important;
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
}

/*#endregion*/

/*#region UI - COLS, MAIN */

.two-cols {
	display: grid;
	grid-template-columns: auto 1fr;
	min-height: calc(100vh - 102px);
}

	.two-cols > :first-child {
		width: 338px;
		padding: 20px;
	}

.app-id-9 .two-cols > :first-child {
	width: 300px;
	padding-top: 0;
	padding-bottom: 150px;
}

.two-cols > :nth-child(2) {
	padding: 0;
	margin-top: 20px;
}

.app-id-9 .two-cols > :nth-child(2) {
	margin-top: 0;
}

.page-scr main, .page-cs main {
	width: auto;
	padding: var(--padding-standard) 0 7px 8px;
	white-space: normal;
	border: solid 1px #cccccc;
	border-top: none;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

/*#endregion*/

/*#region UI - COMMENTS, ANNOTATIONS AND CROPPING */

.comment-header {
	display: flex;
	flex-direction: row;
	font-family: OpenSansSemiBold, sans-serif;
	color: var(--highlight-color);
	margin-bottom: 15px;
}

	.comment-header:first-child {
		margin-top: 5px;
	}

	.comment-header > :first-child:after {
		content: "—";
		display: inline-block;
		margin: 0px 7px;
	}

.comment-text {
	margin-bottom: 30px;
}

	.comment-text:last-child {
		margin-bottom: 5px;
	}

	.comment-text ul {
		list-style: disc;
		margin-bottom: 15px;
	}

		.comment-text ul > li {
			margin-left: 20px;
		}

div.comment-and-annotations .cmt {
	border-bottom: none;
	padding-bottom: 0;
}

.comment-history-container {
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	font-size: 12px;
	vertical-align: top;
	padding: var(--padding-standard) var(--padding-standard) 0 0;
}

	.comment-history-container.content-details {
		width: 540px;
	}

	.comment-history-container > table {
		width: 100%;
		height: 151px;
		box-shadow: none;
	}

	.comment-history-container textarea {
		display: block;
		height: 44px;
		background-color: #ffffff;
		border-radius: 3px 2px 0 0;
	}

	.comment-history-container .styled-text-box {
		height: 151px;
		padding: 0;
		border-radius: 3px;
	}

.styled-text-box {
	width: 100%;
	overflow: auto;
	height: 80px;
	background-color: var(--components-bg-color);
	border-radius: 3px;
	border: var(--components-border);
	box-shadow: var(--component-box-shadow);
}

	.styled-text-box > :last-child {
		border-bottom: none;
	}

#divAnnotationArea {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-width: 100%;
	max-height: 100%;
	cursor: pointer;
}

#divCropArea, #divCropAreaContainer {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-width: 100%;
	max-height: 100%;
}

#divCropAreaContainer {
	z-index: 0;
}

#divAddAnnotTTip {
	display: none;
	position: absolute;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.6);
	padding: 5px var(--padding-standard);
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 3px;
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
	z-index: 100000;
	pointer-events: none;
}

#divAddAnnotCall {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 200px;
	transform: translateX(-50%);
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.6);
	padding: 5px var(--padding-standard);
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
	z-index: 100000;
	pointer-events: none;
}

.annotation {
	position: absolute;
	width: 40px;
	height: 40px;
	border: solid 2px var(--highlight-color);
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.2);
	cursor: move;
	transition: background-color 0.1s linear;
	pointer-events: auto;
}

	.annotation:hover {
		background-color: rgba(0, 0, 0, 0.085);
	}

		.annotation:hover .delete-annotation {
			opacity: 1;
		}

.ui-icon-gripsmall-diagonal-se {
	filter: invert(1);
}

.delete-annotation {
	position: absolute;
	right: 4px;
	top: 0;
	line-height: 23px;
	font-size: 23px;
	color: #ffffff;
	cursor: pointer !important;
	opacity: 0;
	transition: all 0.1s linear;
}

.annotation-read-only {
	cursor: default;
}

#txtProdCmt {
	width: 400px;
	height: 200px;
}

.cmt-hdr {
	font-family: OpenSansSemiBold, sans-serif;
	color: var(--highlight-color);
	padding: 5px 7px 0 7px;
}

	.cmt-hdr.clnt, .cmt-hdr.prod {
		margin-bottom: 0;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

.cmt-flg {
	position: absolute;
	right: 6px;
	top: 9px;
	font-size: 16px;
	cursor: pointer;
}

.cmt {
	max-width: 667px;
	padding: 0 7px 5px 7px;
}

	.cmt:last-child {
		border-bottom: none !important;
	}

.gd-stl-crpd {
}

	.gd-stl-crpd .fa-eye {
		margin-left: 5px;
	}

.page-accounts-aliases .cmt {
	max-width: 395px;
}

.page-accounts-scenes .cmt {
	max-width: 515px;
}

.page-accounts-addresses .cmt {
	max-width: 395px;
}

.page-content-details .cmt {
	max-width: 395px;
}

.page-content-details #divAcctSmry .cmt {
	max-width: 540px;
}

.page-content-index .cmt {
	max-width: 610px;
}

.page-content-propertyimages .cmt {
	max-width: 411px;
}

.pg-cntnt-qc3 .cmt {
	max-width: 597px;
}

.page-content-qcupl .cmt {
	max-width: 418px;
}

.page-content-versioning .cmt {
	max-width: 626px;
}

.page-content-vrxsel .cmt {
	max-width: 580px;
}

.page-home-accmgr .cmt {
	max-width: 597px;
}

.page-home-rtg-rev .cmt {
	max-width: 684px;
}

.cmt.clnt, .cmt.prod {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.annots {
	width: 100%;
}

	.annots.clnt, .annots.prod {
		background-color: #ffffff;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}

.annot-row, .crp-annot-row {
	cursor: pointer;
}

	.annot-row:last-child > * {
		padding-bottom: 5px;
	}

	.annot-row:hover, .crp-annot-row:hover {
		background-color: #f0f0f0;
	}

	.annot-row > td:first-child {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	.annot-row > td:last-child {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

.comment-history-annotation-icon-td, .comment-history-crop-annotation-icon-td {
	width: 11px;
	height: 11px;
	padding: 2px var(--padding-standard) 0 var(--padding-standard);
	vertical-align: top;
}

.comment-history-annotation-note-td {
	width: auto !important;
	min-width: unset !important;
	padding: 1px 0 0 0 !important;
	vertical-align: top !important;
}

#divCommentHistoryAnnotationArea, .annotation-area {
	position: absolute;
}

#divCommentHistoryAnnotationArea {
	z-index: 3;
}

.annotation-icon {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: white;
	margin-top: 2px;
	border: solid 2px var(--highlight-color);
	border-radius: 3px;
}

.crop-annotation-icon {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-top: 2px;
	background: url(/media/Images/crop_icon.png) no-repeat top left;
}

.color-0 {
	border-color: var(--highlight-color) !important;
}

.color-1 {
	border-color: #44e4e4 !important;
}

.color-2 {
	border-color: #ff00ff !important;
}

.color-3 {
	border-color: #66ff66 !important;
}

.color-4 {
	border-color: #6666ff !important;
}

.color-5 {
	border-color: #ff0000 !important;
}

.color-6 {
	border-color: #e3cf94 !important;
}

.color-7 {
	border-color: #94e3e3 !important;
}

.color-8 {
	border-color: #ff7fff !important;
}

.color-9 {
	border-color: #b3ffb3 !important;
}

.color-10 {
	border-color: #b3b3ff !important;
}

.color-11 {
	border-color: #ff7f7f !important;
}

#divAnnotNote {
	display: none;
	position: absolute;
	width: 304px;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.75);
	padding: var(--padding-standard);
	border-radius: 3px;
	box-shadow: 0 0 25px rgba(255, 255, 255, 0.25);
	z-index: 100000;
}

.annotation-note-carat {
	position: absolute;
	left: calc(50% - 4px);
	top: -7px;
	width: 0;
	height: 0;
	border-top: solid 15px transparent;
	border-right: solid 15px rgba(0, 0, 0, 0.75);
	transform: rotate(-135deg);
}

#txtAnnotNote {
	display: none;
	width: calc(100% - 28px);
	height: 23px;
	line-height: 13.333px;
	overflow: hidden;
	resize: none;
	color: white;
	padding: 5px;
	background-color: #666666;
	border: none;
	border-radius: 3px;
}

	#txtAnnotNote::placeholder {
		color: rgba(255, 255, 255, 0.25);
	}

#divSaveAnnotNote {
	display: none;
	position: absolute;
	width: 23px;
	height: 23px;
	line-height: 23px;
	right: 10px;
	top: 10px;
	font-size: 16px;
	padding-top: 3px;
}

/* EXTRANET */

.page-crt .comment-history-container {
	width: 375px;
	min-width: 375px;
	max-width: 375px;
	padding: 0;
}

	.page-crt .comment-history-container > .styled-text-box {
		height: 75px;
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

/*#endregion*/

/*#region UI - CONTENT ACTIONS */

.content-actions-container {
	width: 260px;
	min-width: 260px;
	font-size: 12px;
	padding: var(--padding-standard) var(--padding-standard) 0 0;
	vertical-align: top;
}

	.content-actions-container.uploaded {
		min-width: 260px;
	}

.actions-items {
	min-height: 151px;
	white-space: nowrap;
	padding: 5px 8px 9px 8px;
	background-color: var(--components-bg-color);
	border: var(--components-border);
	border-radius: 3px;
	box-shadow: var(--component-box-shadow);
}

.pge-cntnt-upl-rev .actions-items {
	padding: 12px;
	max-height: 151px;
}

.routing > .actions-items {
	height: 153px;
}

.actions-items select {
	position: relative;
	top: 1px;
	padding: 0;
}

.content-actions-container .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-family: OpenSansSemiBold, sans-serif;
}

/* EXTRANET */

.page-crt .actions-items {
	height: 175px;
	padding: 59px 30px 0 30px;
}

/*#endregion*/

/*#region UI - CONTENT COMMENTS */

.add-content-comment-container {
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	vertical-align: top;
	padding: var(--padding-standard) var(--padding-standard) 0 0;
}

	.add-content-comment-container.bracketing-uploading {
		padding: 5px 0 0 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

		.add-content-comment-container.bracketing-uploading .border-box {
			border-radius: 3px 2px 0 0;
		}

		.add-content-comment-container.bracketing-uploading textarea {
			width: 100%;
			height: 72px;
			border-radius: 0;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			transition: height 0.1s linear;
		}

	.add-content-comment-container > table {
		width: 100%;
		box-shadow: none;
	}

	.add-content-comment-container textarea {
		display: block;
		width: 100%;
		height: 151px;
		font-size: 12px;
		border-radius: 3px;
	}

	.add-content-comment-container.routing textarea {
		width: 100%;
		height: 151px;
	}

/* EXTRANET */

.page-crt .add-content-comment-container {
	width: 385px;
	min-width: 385px;
	max-width: 385px;
	padding: 5px var(--padding-standard) 0 0;
}

	.page-crt .add-content-comment-container > textarea {
		height: 48px;
		padding: 7px 9px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

		.page-crt .add-content-comment-container > textarea:disabled {
			background-color: var(--components-bg-color);
		}

/*#endregion*/

/*#region UI - CONTENT PANEL (E.G. - FIND PROPERTY) */

/* should have exactly 2 children: title bar and content. */

.content-panel {
	border-radius: 3px;
}

	.content-panel > :first-child {
		height: 26px;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		word-spacing: 0.25em;
		color: #ffffff;
		padding: 4px 10px 0 12px;
		border-left: var(--components-border);
		border-right: var(--components-border);
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		background-image: var(--title-bar-linear-gradient);
		cursor: pointer;
		user-select: none;
	}

		.content-panel > :first-child.with-info-icon {
			padding-top: 2px;
		}

	.content-panel.no-collapse > :first-child {
		cursor: default;
	}

	.content-panel:not(.no-collapse) > :first-child::after {
		content: '';
		position: relative;
		display: inline-block;
		width: 9px;
		height: 9px;
		top: -3px;
		margin-left: 10px;
		border-right: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
		transform: rotate(45deg);
	}

	.content-panel > :first-child.collapsed {
		border-radius: 3px;
	}

		.content-panel > :first-child.collapsed::after {
			top: -0.5px !important;
			transform: rotate(-45deg);
		}

	.content-panel > :last-child {
		padding: 12px;
		background-color: var(--components-bg-color);
		border: var(--components-border);
		border-top: none;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}

	.content-panel .select2-container {
		vertical-align: top;
	}

		.content-panel .select2-container:not(:first-child):last-child .select2-selection.select2-selection--single:not(:first-child) {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}

		.content-panel .select2-container:nth-child(3) .select2-selection.select2-selection--single {
			border-top-left-radius: 3px;
			border-bottom-left-radius: 3px;
		}

	.content-panel .select2-container--default .select2-selection--single:not(:only-child) {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.content-panel .select2.select2-container:nth-child(3) .select2-selection--single {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	.content-panel .select2-container .select2-selection--single .select2-selection__rendered {
		height: 22px;
	}

	.content-panel .select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 21px;
	}

.max-width > .content-panel {
	min-width: unset;
}

.two-cols > :first-child .content-panel {
	min-width: unset;
	width: 100%;
}

/*#endregion*/

/*#region UI - EDITOR */

.note-frame {
	font-family: OpenSans, Arial, sans-serif;
	font-size: 12px;
	white-space: normal;
	color: var(--text-color);
	border-radius: 3px;
}

.note-toolbar {
	white-space: nowrap;
	padding: 0 0 !important;
	background-color: var(--components-bg-color-dark);
}

.note-btn-group {
	margin-top: 0 !important;
}

	.note-btn-group:first-child > .note-btn:first-child {
		border-left: none;
		border-bottom-left-radius: 0;
	}

	.note-btn-group.note-table .note-btn:first-child {
		border-left: var(--components-border-light);
		border-bottom-left-radius: 3px;
	}

.note-editor .note-btn {
	height: 23px;
	font-size: 12px;
	color: var(--text-color);
	padding: 1px 7px;
	border-top: none;
	border-bottom: none;
}

.note-editing-area {
	background-color: #ffffff;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	cursor: text;
}

.disabled .note-editing-area {
	background-color: #e8e8e8;
	color: #999999;
	opacity: 0.5;
	pointer-events: none;
}

.note-placeholder {
	color: #aaaaaa;
}

.note-editable ul {
	list-style: disc;
}

	.note-editable ul > li {
		margin-left: 20px;
	}

.note-editable ol {
	list-style: revert;
}

	.note-editable ol > li {
		margin-left: 20px;
	}

.note-editable b {
	font-family: OpenSansSemiBold, sans-serif;
}

.note-statusbar {
	display: none;
}

/*#endregion*/

/*#region UI - FIND PROPERTY FORM */

#txtPIDFind, #txtNameFind {
	width: 100%;
}

#btnFind {
	margin-left: 0;
	margin-top: var(--margin-standard);
}

#div_pid, #div_name, #div_account, #div_location, #div_photog, #div_stylist, #div_editor {
	text-align: center;
}

#div_pid {
	width: 40px;
}

#div_name, #div_stylist, #div_editor {
	width: 55px;
}

#div_account, #div_location {
	width: 70px;
}

#div_photog {
	width: 105px;
}

#div_pid_form, #div_name_form, #div_account_form, #div_location_form, #div_photog_form, #div_stylist_form, #div_editor_form {
	position: absolute;
	display: inline-block;
	opacity: 0;
}

#divFiltersFindInner {
	height: calc(100% - 27px);
	padding: var(--padding-standard);
	border-right: var(--components-border);
	border-bottom: var(--components-border);
}

/*#endregion*/

/*#region UI - FORM */

.flex-row-form {
	display: flex;
	flex-direction: row;
	justify-content: start;
	gap: 10px;
}

	.flex-row-form > div:nth-child(odd):not(:last-child) {
		font-family: OpenSansSemiBold, sans-serif;
		position: relative;
		top: 3px;
	}

	.flex-row-form #btnFind {
		margin: 0;
	}

.field-label {
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 12px;
	white-space: nowrap;
	padding-right: var(--padding-standard);
	padding-top: 4px;
	padding-left: var(--padding-standard);
	vertical-align: top;
}

.req::after {
	content: '*';
	display: inline-block;
	margin-left: 5px;
}

.field-label.disabled {
	color: #d0d0d0;
	pointer-events: none;
}

.field-label.radio-buttons, .field-label.checkboxes, .field-label.dropdown {
	padding-top: 11px;
}

.for-input {
	padding-top: 4px;
}

.for-checkbox {
	padding-top: 2px;
}

.field-label.for-text-only {
	padding-top: 0px;
	padding-bottom: 5px;
}

.field-label.for-textarea {
	position: relative;
	top: 12px;
}

.field-cell {
	font-family: OpenSans, sans-serif;
	font-size: 12px;
	padding: 4px 0;
	vertical-align: top;
}

	.field-cell.for-text-only {
		padding-top: 0px;
		padding-bottom: 5px;
	}

	.field-cell.text-with-button {
		padding-top: 4px;
	}

	.field-cell textarea {
		margin-top: 2px;
	}

	.field-cell.dropdown {
		padding-top: 8px;
	}

.field-cell-left-padding {
	font-family: OpenSans, sans-serif;
	font-size: 12px;
	padding-left: var(--padding-standard);
}

.field-cell-stacked {
	padding: 3px var(--padding-standard) 0 var(--padding-standard);
}

	.field-cell-stacked input[type=text], .field-cell-stacked input[type=password] {
		width: 100%;
	}

.content-panel .field-label {
	padding-left: 0;
}

/*#endregion*/

/*#region UI - GENERAL */

.page-cover {
	position: absolute;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	background-color: #ffffff;
}

.right-arrow {
	position: relative;
	width: 20px;
	min-width: 20px;
	max-width: 20px;
}

	.right-arrow::before {
		content: '';
		position: relative;
		display: inline-block;
		width: 12px;
		height: 12px;
		top: -2px;
		border-right: solid 2px #666666;
		border-bottom: solid 2px #666666;
		transform: rotate(-45deg);
	}

.dragging-clone {
	opacity: 0.5;
	z-index: 10000;
	transition: none !important;
}

.toast {
	position: absolute;
	transform: translateX(-50%);
	border: 1px solid var(--components-border-color-light);
	padding: 7px 15px;
	background-color: #ffffff;
	pointer-events: none;
}

#divLdgInd, .ldg-ind {
	position: absolute;
	display: none;
}

/*#endregion*/

/*#region UI - HEADER, LOGO, GREETING, USER MENU */

/* header */

/* PRODUCTION */

.app-id-9 header {
	justify-content: start;
	padding: 20px 25px 7px 25px;
}

/* EXTRANET */

.app-id-10 header {
	justify-content: space-between;
}

.page-home-index .app-id-10 header {
	width: 900px;
	margin: 0 auto;
}

/* BOTH SITES */

header {
	display: flex;
	flex-direction: row;
	padding: 20px 44px;
}

	header > a {
		border-bottom: none;
		cursor: pointer;
	}

		header > a:first-child {
			cursor: pointer;
		}

			header > a:first-child:hover {
				border-bottom: solid 1px transparent;
			}

		header > a:first-child {
			display: inline-block;
			width: 250px;
			min-width: 250px;
			cursor: pointer;
		}

	/* logo */

	header .logo {
		width: 250px;
	}

.embedded .logo {
	display: none;
}

/* greeting */

#divGreeting {
	display: inline-block;
	min-width: 151px;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	word-spacing: 0.25em;
	white-space: nowrap;
	padding: 5px 10px;
	margin-left: 2px;
	margin-top: 45px;
	border: solid 1px transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	cursor: pointer;
}

	#divGreeting:hover {
		color: var(--highlight-color);
	}

	#divGreeting::after {
		content: '';
		display: inline-block;
		position: relative;
		top: -2px;
		width: 8px;
		height: 8px;
		margin-left: 2px;
		border-right: solid 2px #666666;
		border-bottom: solid 2px #666666;
		transform: rotate(45deg);
	}

	#divGreeting:hover::after {
		border-color: var(--highlight-color);
	}

	#divGreeting.expanded {
		white-space: nowrap;
		color: var(--highlight-color);
		background-color: #ffffff;
		border: var(--components-border);
		border-bottom: none;
		box-shadow: var(--components-box-shadow);
	}

		#divGreeting.expanded::after {
			border-color: var(--highlight-color);
		}

	#divGreeting.here {
		font-family: OpenSansSemiBold, sans-serif;
		color: var(--highlight-color);
	}

		#divGreeting.here::after {
			border-color: var(--highlight-color);
		}

		#divGreeting.here:hover {
			color: var(--highlight-color-hover);
		}

			#divGreeting.here:hover::after {
				border-color: var(--highlight-color-hover);
			}

		#divGreeting.here::after::after {
			content: '';
			position: absolute;
			width: 8px;
			height: 8px;
			top: 24px;
			left: calc(50% - 4px);
			border-right: solid 2px var(--highlight-color);
			border-bottom: solid 2px var(--highlight-color);
			transform: rotate(45deg);
		}

/* user menu */

#divUserMenu {
	position: absolute;
	display: none;
	width: calc(100% + 2px);
	left: -1px;
	top: 28px;
	white-space: nowrap;
	color: #666666;
	border: var(--components-border);
	background-color: rgba(255, 255, 255, 0.9);
	border-top: none;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: var(--components-box-shadow);
	z-index: 1;
}

	#divUserMenu > * {
		padding: 5px 10px;
		cursor: pointer;
	}

		#divUserMenu > *:hover {
			color: var(--highlight-color);
		}

#divGreeting.expanded > #divUserMenu {
	display: block;
	font-family: OpenSans;
}

/*#endregion*/

/*#region UI - HORIZONTAL HIERARCHY */

a.bindcurrent:link, a.bindcurrent:visited, a.bindcurrent:active {
	height: 24px;
	font-family: OpenSansSemiBold, sans-serif !important;
	color: #ffffff !important;
	vertical-align: top;
	background-image: var(--highlight-bg-image);
	border: none;
}

a.bindcurrent:last-of-type:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

a.bindcurrent:last-of-type:not( + select.hidden) {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

a.bindcurrent:hover {
	background-image: var(--highlight-bg-image-hover);
}

.binditem {
	display: none;
	visibility: hidden;
}

/*#endregion*/

/*#region UI - ACCOUNT HIERARCHY - SELECTIZE */

.selectize-dropdown.collapsible .optgroup-header {
	cursor: pointer;
}

	.selectize-dropdown.collapsible .optgroup-header:after {
		content: '';
		position: relative;
		display: inline-block;
		width: 8px;
		height: 8px;
		top: -3px;
		margin-left: 10px;
		border-right: 2px solid #666666;
		border-bottom: 2px solid #666666;
		transform: rotate(45deg);
	}

	.selectize-dropdown.collapsible .optgroup-header.collapsed:after {
		top: -0.5px;
		transform: rotate(-45deg);
	}

/*#endregion*/

/*#region UI - ICONS, TOOLTIPS, LEGEND */

.info-icon {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	top: 3px;
	margin-left: 10px;
	background: url(/media/images/Info-Icon.svg) no-repeat;
	pointer-events: all;
}

	.info-icon:hover {
		box-shadow: var(--components-box-shadow-hover);
	}

	.info-icon.search {
		position: absolute;
		left: 0px;
		top: 4px;
		margin-left: 5px;
	}

		.info-icon.search::after {
			content: '';
			position: absolute;
			right: -6px;
			top: -4px;
			width: 1px;
			height: 24px;
			border-right: solid 1px #cccccc;
		}

	.info-icon.error {
		background: none;
	}

		.info-icon.error::after {
			content: '!';
		}

.redirect-icon, .cpy-cntnt-icon {
	width: 16px;
	height: 16px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	line-height: 10px;
	background-color: #c8c8c8;
	padding-top: 2px;
	border: var(--components-border);
	border-radius: 3px;
	cursor: default;
}

	.redirect-icon.disabled, .cpy-cntnt-icon.disabled {
		color: #e8e8e8;
		background-color: #ececec;
		border: solid 1px #ececec;
		pointer-events: none;
	}

.details-icon {
	display: block;
	width: 16px;
	height: 16px;
	line-height: 8px;
	text-align: center;
	color: #ffffff !important;
	background-color: #999999;
	border-radius: 3px;
}

	.details-icon:hover {
		text-decoration: none;
		background-color: #777777;
	}

.ui-tooltip {
	font-family: OpenSans, sans-serif;
	-webkit-font-smoothing: antialiased;
	white-space: pre-line;
	color: #333333 !important;
	background-color: rgba(255, 255, 255, 0.9);
	border: solid 1px #b0b0b0 !important;
	border-radius: 3px;
	box-shadow: var(--components-box-shadow) !important;
	z-index: 1000;
	pointer-events: none;
}

button.icon-button {
	padding: 4px 0 0 1px;
	width: 18px;
	height: 18px;
	vertical-align: top;
}

	button.icon-button.for-title-bar {
		position: relative;
		width: 30px;
		height: 26px;
		border-radius: 0;
	}

		button.icon-button.for-title-bar.fa-regular {
			padding: 0;
			font-size: 15px !important;
		}

		button.icon-button.for-title-bar:not(.fa-regular)::before {
			content: '';
			display: inline-block;
			width: 12px;
			height: 12px;
		}

	button.icon-button.legend::before {
		background: url(/media/images/Legend-Icon.svg) no-repeat;
		background-size: 12px;
	}

	button.icon-button.for-title-bar.add {
		padding: 1px 0 0 0;
	}

		button.icon-button.for-title-bar.add::before {
			background-size: 12px;
		}

	button.icon-button.for-title-bar.save::before {
		width: 16px;
		height: 16px;
	}

#divLgnd {
	display: grid;
	grid-template-columns: repeat(9, auto);
	gap: 5px;
	padding: 15px;
}

	#divLgnd > div {
		text-align: left;
	}

	#divLgnd > :nth-child(3n - 2) {
		font-family: OpenSansSemiBold, sans-serif;
	}

/* EXTRANET */

.app-id-10 .title-bar.with-info-icon > .info-icon {
	top: 1px;
}

/*
FILE FORMAT ICONS
by Greg Schoppe (http://gschoppe.com)
USAGE: include FontAwesome on page, as shown on http://fontawesome.io
       then include this css file, and target links by adding the link-icon
       class.  Note: try to avoid or manually label links to websites, as that
       detection code is necessarily janky. when in doubt, just end all external
       links with a trailing slash (/), a query string (?), or a link target (#)
*/

.fa-file {
	font-size: 16px !important;
}

.fa-folder-open {
	font-size: 15px !important;
}

.fa-gif {
	font-size: 15px !important;
}

.fa-globe {
	font-size: 15px !important;
}

/*#endregion*/

/*#region UI - INSTRUCTIONS */

.instructions {
	border-bottom: var(--components-border-dark);
	user-select: none;
}

.page-signin-index .instructions {
	border-bottom: none;
}

.instructions > :first-child {
	height: 32px;
	text-align: center;
	font-family: OpenSansSemiBold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	word-spacing: 0.25em;
	color: #ffffff;
	padding-top: 8px;
	background-image: var(--title-bar-linear-gradient);
	cursor: pointer;
}

	.instructions > :first-child::before {
		content: 'Instructions';
	}

	.instructions > :first-child::after {
		content: '';
		position: relative;
		display: inline-block;
		width: 9px;
		height: 9px;
		top: -3px;
		margin-left: 10px;
		border-right: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
		transform: rotate(45deg);
	}

	.instructions > :first-child.collapsed {
		position: relative;
	}

		.instructions > :first-child.collapsed::after {
			top: -0.5px;
			transform: rotate(-45deg);
		}

.instructions > :last-child {
	display: none;
	padding: 15px;
	background-color: var(--components-bg-color);
	text-align: center;
}

	.instructions > :last-child > :first-child {
		display: inline-block;
		text-align: left;
	}

		.instructions > :last-child > :first-child > * {
			padding-top: 4px;
		}

			.instructions > :last-child > :first-child > * > :first-child {
				display: inline-block;
			}

			.instructions > :last-child > :first-child > * > div:not(:first-child) {
				margin-left: 27px;
			}

		.instructions > :last-child > :first-child > div::before {
			content: '';
			display: inline-block;
			width: 19px;
			height: 19px;
			font-family: MinionPro, serif;
			font-size: 14px;
			color: #ffffff;
			vertical-align: top;
			padding: 2px 0 0 5px;
			margin-right: 5px;
			background-color: var(--highlight-color);
			border-radius: 50%;
		}

		.instructions > :last-child > :first-child > div:first-child::before {
			content: '1';
		}

		.instructions > :last-child > :first-child > div:nth-child(2)::before {
			content: '2';
		}

		.instructions > :last-child > :first-child > div:nth-child(3)::before {
			content: '3';
		}

		.instructions > :last-child > :first-child > div:nth-child(4)::before {
			content: '4';
		}

		.instructions > :last-child > :first-child > div:nth-child(5)::before {
			content: '5';
		}

		.instructions > :last-child > :first-child > div:nth-child(6)::before {
			content: '6';
		}

		.instructions > :last-child > :first-child > div:nth-child(7)::before {
			content: '7';
		}

		.instructions > :last-child > :first-child > div:nth-child(8)::before {
			content: '8';
		}

		.instructions > :last-child > :first-child > div:nth-child(9)::before {
			content: '9';
		}

.instructions img.reco {
	margin-left: 4px;
}

.instructions .scene-status {
	margin: 0 2px;
	border: var(--components-border);
}

/*#endregion*/

/*#region UI - LOADING, UNLOADING */

.load-unload-indicator-outer {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.35);
	backdrop-filter: var(--blur);
	z-index: 20000;
}

.load-unload-indicator {
	display: flex;
	flex-direction: row;
	gap: 15px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-align: center;
	white-space: nowrap;
	padding: 25px;
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 3px;
	box-shadow: 0px 0px 100px 0 rgba(0, 0, 0, 0.5);
}

.pulse-bubble-container {
	display: inline-flex;
	flex-direction: row;
	gap: 5px;
	align-items: center;
	margin-top: 2px;
}

	.pulse-bubble-container > * {
		width: 10px;
		height: 10px;
		background-image: var(--highlight-bg-image);
	}

	.pulse-bubble-container > :first-child {
		animation: pulse .4s ease 0s infinite alternate;
	}

	.pulse-bubble-container > :nth-child(2) {
		animation: pulse .4s ease .2s infinite alternate;
	}

	.pulse-bubble-container > :last-child {
		animation: pulse .4s ease .4s infinite alternate;
	}

@keyframes pulse {
	from {
		opacity: 1;
		transform: scale(1);
	}

	to {
		opacity: .25;
		transform: scale(.75);
	}
}

.loading-bar {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	overflow: hidden;
}

	.loading-bar::before {
		display: block;
		position: absolute;
		width: 100px;
		height: 2.5px;
		left: -100px;
		bottom: 0;
		content: '';
		background-color: var(--highlight-color);
		animation: loading 1s linear infinite;
	}

.pg-cntnt-qc3 .loading-bar {
	width: calc(100% - 2px);
}

@keyframes loading {
	from {
		left: -100px;
		width: 30%;
	}

	50% {
		width: 30%;
	}

	70% {
		width: 70%;
	}

	80% {
		left: 50%;
	}

	95% {
		left: 120%;
	}

	to {
		left: 100%;
	}
}

/*#endregion*/

/*#region UI - MENU - HORIZONTAL, HORIZONTAL HIERARCHY */

/* container. */

.horizontal-menu, .hierarchy-horizontal {
	box-shadow: var(--component-box-shadow);
	display: inline-flex;
	flex-direction: row;
}

	/* item. */

	.horizontal-menu > :not(.select2),
	.hierarchy-horizontal > * > :nth-last-child(2) {
		font-family: OpenSans, sans-serf !important;
		font-weight: normal !important;
		font-style: normal;
		letter-spacing: 0.05em;
		text-decoration: none;
		white-space: nowrap;
		color: #666666 !important;
		padding: 3px 7px;
		border-top: var(--components-border);
		border-bottom: var(--components-border) !important;
		border-right: var(--components-border-light);
		background-color: #ffffff;
		cursor: pointer;
	}

	/* 1st item. */

	.horizontal-menu > div:first-of-type, .horizontal-menu > a:first-of-type,
	.hierarchy-horizontal > :first-child > :nth-last-child(2) {
		border-left: var(--components-border);
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

		/* 1st item as highlighted. */

		.horizontal-menu > div:first-of-type.here, .horizontal-menu > a:first-of-type.here,
		.hierarchy-horizontal > * > :nth-last-child(2).here {
			border-left: solid 1px var(--highlight-color);
		}

	/* last item. */

	.horizontal-menu > :last-child,
	.hierarchy-horizontal > :last-child > :nth-last-child(2) {
		border-right: var(--components-border);
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

	/* drp. */

	.horizontal-menu > .select2-container,
	.hierarchy-horizontal .select2-container {
		padding: 0;
	}

		/* last drp. */

		.horizontal-menu > .select2-container:last-child,
		.hierarchy-horizontal > :last-child .select2-container {
			border: none;
		}

	/* mouse over unhighlighted item. */

	.horizontal-menu > :hover,
	.hierarchy-horizontal > * > :nth-last-child(2):hover {
		color: var(--selected-color) !important;
		background-color: #f6f6f6;
		border-bottom: var(--components-border);
	}

	/* highlighted item. */

	.horizontal-menu > .here,
	.hierarchy-horizontal > * > .here {
		font-family: OpenSansSemiBold, sans-serif !important;
		color: #ffffff !important;
		padding-top: 3px;
		background-image: var(--highlight-bg-image);
		border-top: solid 1px var(--highlight-color);
		border-bottom: solid 1px var(--highlight-color-dark);
	}

		/* mouse over highlighted item. */

		.horizontal-menu > .here:hover,
		.hierarchy-horizontal > * > .here:hover {
			color: #ffffff !important;
			background-image: var(--highlight-bg-image-hover);
		}

	/* mouse over container. */

	.horizontal-menu:hover,
	.hierarchy-horizontal:hover {
		box-shadow: var(--components-box-shadow-hover);
	}

		/* mouse over item. */

		.horizontal-menu:hover > *,
		.hierarchy-horizontal:hover > * > :nth-last-child(2) {
			border-top: var(--components-border-dark);
			border-bottom: var(--components-border-dark);
		}

		/* mouse over first item. */

		.horizontal-menu:hover > :first-child,
		.hierarchy-horizontal:hover > :first-child > :nth-last-child(2) {
			border-left: var(--components-border-dark);
		}

		/* mouse over highlighted item. */

		.horizontal-menu:hover > .here,
		.hierarchy-horizontal:hover > * > .here {
			border-top: solid 1px var(--highlight-color);
			border-bottom: solid 1px var(--highlight-color-dark);
		}

			/* mouse over 1st item as highlighted. */

			.horizontal-menu:hover > .here:first-child,
			.hierarchy-horizontal:hover > :first-child > .here {
				border-left: solid 1px var(--highlight-color-dark);
			}

			/* mouse over last item as highlighted. */

			.horizontal-menu:hover > .here:last-child,
			.hierarchy-horizontal:hover > :last-child > .here {
				border-right: solid 1px var(--highlight-color-dark);
			}

/*#endregion*/

/*#region UI - MENU - PRIMARY */

/* PRODUCTION */

.app-id-9 .primary-menu {
	display: inline-flex;
	flex-direction: row;
	height: 30px;
	margin-left: 15px;
	margin-top: 45px;
}

/* EXTRANET */

.app-id-10 .primary-menu {
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 20px;
	height: 15px;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 47px;
}

/* BOTH SITES */

.primary-menu > a {
	position: relative;
	font-family: OpenSans, sans-serif !important;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	color: #666666;
	padding: 6px 10px 0 10px;
	border-bottom: none;
	cursor: pointer;
}

	.primary-menu > a:hover {
		color: var(--highlight-color);
		border-bottom: none;
	}

	.primary-menu > a.here {
		font-family: OpenSansSemiBold, sans-serif;
		color: var(--highlight-color);
		border: none;
	}

		.primary-menu > a.here::after {
			content: '';
			position: relative;
			width: 8px;
			height: 8px;
			top: -2px;
			border-right: solid 2px var(--highlight-color);
			border-bottom: solid 2px var(--highlight-color);
			transform: rotate(45deg);
			display: inline-block;
			margin-left: 7px;
		}

		.primary-menu > a.here:hover {
			color: var(--highlight-color-hover);
		}

			.primary-menu > a.here:hover::after {
				border-color: var(--highlight-color-hover);
			}

/*#endregion*/

/*#region UI - MENU - SECONDARY */

#divSecondaryMenu > .header {
	display: block;
	cursor: pointer;
}

#divSecondaryMenu > :first-child:not(:last-child)::after {
	content: '';
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	top: -3px;
	margin-left: 7px;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	transform: rotate(45deg);
}

#divSecondaryMenu > :first-child:not(:last-child).collapsed::after {
	top: -0.5px;
	transform: rotate(-45deg);
}

.secondary-menu {
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}

	.secondary-menu:last-child {
		margin-bottom: 0;
	}

	.secondary-menu > * {
		position: relative;
		min-height: 20px;
		line-height: 20px;
	}

	.secondary-menu .header, div.header {
		display: flex;
		justify-content: space-between;
		width: 100%;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 13px;
		color: #666666;
		letter-spacing: 0.05em;
		word-spacing: 0.04em;
		text-transform: uppercase;
		margin-bottom: 5px;
	}

		.secondary-menu .header:last-child {
			margin-bottom: 0;
		}

		.secondary-menu .header:hover {
			background-color: transparent !important;
		}

	.secondary-menu > :not(.header,label) {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 5px;
		font-family: OpenSans, sans-serif !important;
		font-weight: normal;
		color: #666666;
		cursor: pointer;
	}

	.secondary-menu > .no-click {
		cursor: default;
	}

	.secondary-menu > a:hover {
		color: var(--highlight-color);
		border-bottom: 1px solid transparent !important;
	}

	.secondary-menu > a.header:hover {
		border-bottom: var(--components-border-light);
	}

	.secondary-menu > a:not(.header):hover > * {
		color: var(--highlight-color);
	}

	.secondary-menu > a > :first-child {
		font-style: normal;
	}

	.secondary-menu > a.here > * {
		font-family: OpenSansSemiBold, sans-serif;
		color: var(--highlight-color);
	}

	.secondary-menu > a.here:hover > * {
		font-family: OpenSansSemiBold, sans-serif;
		color: var(--highlight-color-hover);
	}

	.secondary-menu > a.here > :first-child::after {
		content: '';
		display: inline-block;
		position: relative;
		width: 8px;
		height: 8px;
		margin-left: 2px;
		border-top: solid 2px var(--highlight-color);
		border-right: solid 2px var(--highlight-color);
		transform: rotate(45deg);
	}

	.secondary-menu > a.here:hover::after {
		border-color: var(--highlight-color-hover);
	}

	.secondary-menu.selection-summary > :not(.header) {
		pointer-events: none;
	}

.details-popin {
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 0 10px;
	position: absolute !important;
	visibility: hidden;
	min-height: 34px;
	left: 217px;
	top: -5px;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	white-space: nowrap;
	color: #666666 !important;
	padding: 5px var(--padding-standard);
	background-color: rgba(255, 255, 255, 0.9);
	border: solid 1px #aaaaaa;
	border-radius: 3px;
	box-shadow: var(--components-box-shadow);
	pointer-events: none;
	z-index: 1000;
}

	.details-popin:empty {
		visibility: hidden;
	}

	.details-popin.only-one {
		top: -8px;
		padding-top: 7px;
	}

	.details-popin:not(.cols-aa) > :nth-child(3n - 2) {
		font-family: OpenSansSemiBold, sans-serif;
	}

	.details-popin:not(.cols-aa) > :nth-child(3n) {
		font-family: OpenSansSemiBold, sans-serif;
		text-align: right;
	}

	.details-popin.cols-aa > :nth-child(odd) {
		font-family: OpenSansSemiBold, sans-serif;
	}

a.level1 {
	padding-left: 20px !important;
}

.scene-status {
	display: inline-block;
	min-width: 61px;
	font-family: OpenSansSemiBold, sans-serif;
	text-transform: uppercase;
	color: var(--highlight-color);
	text-align: center;
	padding: 0 5px;
	margin-right: 10px;
	background-color: #ffffff;
	border-radius: 3px;
	pointer-events: none;
}

/* EXTRANET */

.secondary-menu-group, #divSceneMenus, #divSelSumm, #divCrtSumm {
	background-color: var(--components-bg-color);
	padding: 7px 12px;
	margin-bottom: 20px;
	border: var(--components-border);
	box-shadow: var(--components-box-shadow-hover);
	border-radius: 3px;
}

#divSceneMenus {
	margin-top: 20px;
}

#divSelSumm, #divCrtSumm {
	margin-top: 0;
}

#btnClearAllTop {
	position: relative;
	top: 2px;
	background-image: var(--linear-gradient-gray);
}

	#btnClearAllTop:hover {
		background-image: var(--linear-gradient-gray-hover);
	}

	#btnClearAllTop.disabled {
		background-image: none;
		background-color: #e8e8e8;
		color: #999999;
		box-shadow: none;
		opacity: 0.5;
		pointer-events: none;
	}

#divCrtSumm .info-icon {
	pointer-events: all;
}

.sel-summ {
	margin-top: 0;
}

	.sel-summ > :first-child > :first-child, .crt-summ > :first-child > :first-child {
		font-size: 13px;
	}

.sel-summ-btns {
	text-align: center;
	margin-top: 7px;
}

.crt-summ > :last-child {
	display: grid;
	grid-template-columns: 2fr 1.5fr 1.5fr;
	gap: 10px 0 !important;
}

#divSelSummTotalContainer {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 10px 0 !important;
}

.crt-summ > :nth-child(2) > * {
	text-align: center;
	white-space: nowrap;
}

.crt-summ > :nth-child(2) > :nth-child(4), .crt-summ > :nth-child(2) > :nth-child(7),
.crt-summ > :nth-child(2) > :nth-child(10), .crt-summ > :nth-child(2) > :nth-child(13) {
	text-align: left;
}

.crt-summ > :nth-child(2) > :nth-child(4), .crt-summ > :nth-child(2) > :nth-child(5), .crt-summ > :nth-child(2) > :nth-child(6) {
	font-family: OpenSansSemiBold, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
}

.crt-summ > :nth-child(2) > :nth-child(13), .crt-summ > :nth-child(2) > :nth-child(14), .crt-summ > :nth-child(2) > :nth-child(15), #divSelSummTotalContainer > * {
	font-family: OpenSansSemiBold, sans-serif;
	padding-top: 10px;
	margin-top: 5px;
	border-top: var(--components-border-light);
}

#divStillsCRT, #divStillsCRTOf, #divStillsCRTTotal, #divVTsCRT, #divVTsCRTOf, #divVTsCRTTotal {
	display: inline-block;
}

#divStillsCRTOf, #divVTsCRTOf {
	padding: 0 4px;
}

.secondary-menu > .header > .info-icon {
	position: absolute;
	top: 0;
	right: 0;
}

.details-popin {
	left: 253px;
}

.two-cols > :first-child > .divider {
	position: relative;
	width: 268px;
	left: -20px;
	border-bottom: var(--components-border);
	margin-top: 20px;
}

/*#endregion*/

/*#region UI - METADATA */

.metadata-grid {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 3px 10px;
	font-size: 0.7rem;
	text-align: left;
}

	.metadata-grid.form {
		grid-gap: 10px;
	}

		.metadata-grid.form > * {
			font-size: 12px;
		}

	.metadata-grid > :first-child, .metadata-grid > :nth-child(2) {
		font-size: 13px;
		white-space: nowrap;
		padding-right: 20px;
	}

	.metadata-grid > :nth-child(odd) {
		font-family: OpenSansSemiBold, sans-serif;
	}

	.metadata-grid.form > :nth-child(odd) {
		white-space: nowrap;
		margin-top: 5px;
	}

	.metadata-grid.four-cols {
		grid-template-columns: auto 1fr auto 2fr !important;
	}

.page-admin-tasks2 .metadata-grid.four-cols > :last-child {
	grid-column: 2 / 5;
}

.content-metadata-container {
	padding: var(--padding-standard) var(--padding-standard) 0 0;
	vertical-align: top;
}

	.content-metadata-container.fixed {
		width: 350px;
		min-width: 350px;
		max-width: 350px;
	}

	.content-metadata-container > div:not([class]) {
		height: 151px;
		display: flex;
		align-items: flex-start;
		white-space: nowrap;
		padding: 10px 15px;
		background-color: var(--components-bg-color);
		border: var(--components-border);
		border-radius: 3px;
	}

	.content-metadata-container > .subtitle {
		font-size: 11px;
		text-align: left;
		margin-bottom: 5px;
		padding-top: 0;
	}

	.content-metadata-container:nth-child(2) {
		padding-left: 0 !important;
	}

	.content-metadata-container > table {
		width: 100%;
	}

	.content-metadata-container select {
		font-size: 11px;
		height: 23px;
		padding: 2px;
		margin-top: 4px;
	}

	.content-metadata-container .metadata-tags-label, .content-metadata-container .metadata-dropdown-label {
		line-height: 28px;
	}

td.scene-metadata {
	padding: var(--padding-standard) var(--padding-standard) 0 var(--padding-standard);
	border-left: var(--components-border);
	border-right: var(--components-border);
}

div.scene-metadata {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 10px;
	align-items: center;
}

	div.scene-metadata > div:first-child {
		padding-top:
	}

tr:last-child > td.content-metadata-container {
	padding-bottom: var(--padding-standard);
}

/*#endregion*/

/*#region UI - MODAL DIALOG */

.dialog {
	display: none;
}

.dialog-basic-text {
	font-family: OpenSansSemiBold, sans-serif;
	padding: var(--padding-standard);
}

.ui-dialog-content {
	display: inline-block;
}

.ui-dialog {
	padding: 0;
	background-color: rgba(255, 255, 255, 0.85);
	border: solid 2px #ffffff !important;
	border-radius: 3px;
	z-index: 1000 !important;
}

	.ui-dialog .ui-dialog-titlebar {
		padding: 5px 12px 0 15px;
	}

	.ui-dialog .ui-dialog-content {
		position: relative;
		overflow: visible;
		color: #666666;
		vertical-align: top;
		background-color: #ffffff;
		border: solid 1px #bbbbbb;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}

	.ui-dialog.no-buttons .ui-dialog-content {
		border-bottom: solid 1px #bbbbbb;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}

.dialog.ui-dialog-content, #dlgYesNo.ui-dialog-content, #dlgNotifyOK.ui-dialog-content, #dlgNotifyCancel.ui-dialog-content, #dlgNotifyClose.ui-dialog-content,
#frmAddProject.ui-dialog-content, #frmEditProject.ui-dialog-content, #frmAddTimeEntry.ui-dialog-content, #frmEditTimeEntry.ui-dialog-content,
#frmAddClientDocument.ui-dialog-content, #frmEditClientDocument.ui-dialog-content, #frmRequestTag.ui-dialog-content, #frmAdministerTagList.ui-dialog-content,
#frmAddCity.ui-dialog-content {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#dlgNotify.ui-dialog-content, #dlgNotifyClose.ui-dialog-content {
}

#frmAddProject.ui-dialog-content, #frmEditProject.ui-dialog-content, #frmAddTimeEntry.ui-dialog-content, #frmEditTimeEntry.ui-dialog-content,
#frmAddClientDocument.ui-dialog-content, #frmEditClientDocument.ui-dialog-content, #frmRequestTag.ui-dialog-content, #frmAdministerTagList.ui-dialog-content,
#frmAddCity.ui-dialog-content {
	padding-bottom: var(--padding-standard);
}

	.dialog.ui-dialog-content + .ui-dialog-buttonpane, #dlgYesNo.ui-dialog-content + .ui-dialog-buttonpane, #dlgNotifyOK.ui-dialog-content + .ui-dialog-buttonpane,
	#dlgNotify.ui-dialog-content + .ui-dialog-buttonpane, #dlgNotifyCancel.ui-dialog-content + .ui-dialog-buttonpane, #dlgNotifyClose.ui-dialog-content + .ui-dialog-buttonpane,
	#frmAddProject.ui-dialog-content + .ui-dialog-buttonpane, #frmEditProject.ui-dialog-content + .ui-dialog-buttonpane, #frmAddTimeEntry.ui-dialog-content + .ui-dialog-buttonpane,
	#frmEditTimeEntry.ui-dialog-content + .ui-dialog-buttonpane, #frmAddClientDocument.ui-dialog-content + .ui-dialog-buttonpane, #frmEditClientDocument.ui-dialog-content + .ui-dialog-buttonpane,
	#frmRequestTag.ui-dialog-content + .ui-dialog-buttonpane, #frmAdministerTagList.ui-dialog-content + .ui-dialog-buttonpane,
	#frmAddCity.ui-dialog-content + .ui-dialog-buttonpane {
		padding: 10px !important;
		background-color: #ffffff;
		border-top: none;
	}

.ui-dialog-content .field-label {
	padding-left: var(--padding-standard);
}

.ui-dialog-content .field-cell {
	padding-right: var(--padding-standard);
}

.ui-dialog-titlebar .ui-button.ui-state-default {
	position: relative;
	line-height: 20px;
	top: 2px;
	float: right;
	font-size: 30px;
	text-transform: uppercase;
	color: #666666;
	padding: 0;
	background-color: transparent;
	border: none;
	border-bottom: solid 1px transparent;
	transition: all 0.1s linear;
}

.ui-dialog-buttonpane {
	color: #666666;
	text-align: center !important;
	vertical-align: top;
	padding: 5px var(--padding-standard) var(--padding-standard) var(--padding-standard) !important;
	margin: 0 auto;
	background-color: #ffffff;
	border: solid 1px #bbbbbb;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

	.ui-dialog-buttonpane .ui-dialog-buttonset {
		float: none !important;
	}

.ui-dialog-buttonset .ui-button.ui-widget.ui-state-default {
	text-transform: uppercase;
	color: #666666;
	padding: 0;
	margin: 0 10px;
	background-color: transparent;
	border: none;
	border-bottom: solid 1px transparent;
	transition: all 0.1s linear;
}

.ui-dialog-buttonset button {
	height: 35px;
	font-size: 14px;
	padding: 0 20px;
}

.ui-button {
	font-family: OpenSans, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: var(--components-bg-color);
	border: var(--components-border);
	border-radius: 3px;
	box-shadow: var(--component-box-shadow);
	cursor: default;
}

	.ui-button:hover, .ui-button:focus {
		font-family: OpenSans, sans-serif;
		font-size: 12px;
		color: #666666;
		background-color: var(--components-bg-color);
		border: var(--components-border);
		border-radius: 3px;
		box-shadow: var(--components-box-shadow-hover);
	}

.ui-dialog-buttonset .ui-button.ui-widget.ui-state-disabled {
	color: #666666;
	pointer-events: none;
}

.ui-menu .ui-menu-item {
	cursor: default;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active {
	background-color: rgba(147, 216, 240, 0.2);
}

.ui-widget-content {
	font-family: OpenSans, sans-serif;
	font-size: 12px;
	color: #666666;
}

	.ui-widget-content .ui-state-active {
		color: var(--selected-color);
		background-image: none;
		border-color: transparent;
	}

.ui-button.ui-widget.ui-state-hover, .ui-dialog-buttonset .ui-button.ui-widget.ui-state-hover {
	color: var(--highlight-color);
	border-bottom: solid 1px var(--highlight-color);
}

.ui-widget-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.3);
	backdrop-filter: var(--blur);
	cursor: pointer;
}

.ui-widget input, .ui-widget select, .ui-widget textarea {
	font-family: OpenSans, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
}

.ui-widget button {
	font-family: OpenSans, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
}

.ui-dialog-titlebar-close, .ui-dialog-titlebar-close {
	display: none;
}

.dialog-title-icon {
	display: inline-block;
	position: relative;
	width: 19px;
	height: 19px;
	line-height: 24px;
	top: -1px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	border-radius: 3px;
}

	.dialog-title-icon .check {
		position: absolute;
		width: 12px;
		height: 5.5px;
		left: 50%;
		top: 50%;
		border: 2px solid #ffffff;
		border-top: none;
		border-right: none;
		transform: rotate(-53deg) translate(-5%, -135%);
	}

	.dialog-title-icon .exclamation {
		background-image: url(/media/Images/exclamation.png);
	}

	.dialog-title-icon img {
		max-width: 13px;
		max-height: 13px;
	}

.dialog-close-button {
	position: absolute;
	width: 35px;
	height: 28px;
	line-height: 28px;
	right: 0;
	top: 0;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	text-align: center;
	border-top-right-radius: 3px;
	transition: all 0.1s linear;
}

	.dialog-close-button:hover {
		background-color: rgba(0, 0, 0, 0.35);
	}

#dlgNotifyClose .dialog-close-button {
	right: -1px;
	top: -28px;
}

.embedded .ui-dialog {
	border: solid 1px #aaaaaa;
}

.embedded .ui-dialog-titlebar button {
	display: none;
}

.embedded .ui-widget-overlay {
	background-color: #ffffff;
}

/*#endregion*/

/*#region UI - PAGE ACTIONS */

#divPageActions {
	position: fixed;
	width: 260px;
	left: 20px;
	bottom: 0px;
	box-shadow: 0px -10px 25px 0 rgb(0 0 0 / 20%);
	z-index: 1;
}

	#divPageActions.minimized {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom: none;
		padding-bottom: 0;
		bottom: 0;
	}

.page-actions-header {
	font-family: OpenSansSemiBold, sans-serif;
	letter-spacing: 0.05em;
	word-spacing: 0.25em;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
	padding: 5px var(--padding-standard);
	background-image: var(--title-bar-linear-gradient);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	cursor: pointer;
}

.page-actions-minimize-restore-icon {
	position: absolute;
	width: 32px;
	height: 27px;
	right: 0;
	top: 0;
	padding: 5px 3px 5px 7px;
	background: transparent url(/media/Images/minimize-window-icon-white.png) 8px 4px no-repeat;
	background-size: 14px auto;
	border-top-right-radius: 3px;
}

	.page-actions-minimize-restore-icon:hover {
		background-color: rgba(0, 0, 0, 0.35);
	}

#divPageActions.minimized .page-actions-minimize-restore-icon {
	background-image: url(/media/Images/open-new-window-icon-white.png);
	background-position: 8px 7px;
}

.page-actions-container {
	text-align: center;
	background-color: var(--components-bg-color);
	border: var(--components-border);
	border-bottom: none;
}

	.page-actions-container > table {
		width: 100%;
	}

#divPageActions.minimized .page-actions-container {
	display: none;
}

.page-actions-section-title {
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 12px;
	padding: var(--padding-standard);
	text-align: center;
}

.page-actions {
	padding: var(--padding-standard) var(--padding-standard) 0 var(--padding-standard);
}

	.page-actions:last-child {
		padding-bottom: var(--padding-standard);
	}

#divPageActions .page-actions:last-child {
	margin-bottom: 0;
}

.page-actions .info-icon {
	width: 18px;
	height: 18px;
	margin-left: 4px;
}

.page-actions button.with-info-icon {
	width: calc(100% - 26px) !important;
}

.page-actions-section-title:last-child {
	padding-right: 0;
}

.page-actions-section-body {
	vertical-align: top;
	text-align: center;
}

	.page-actions-section-body:last-child {
		padding-right: 0;
	}

	.page-actions-section-body input[type=button] {
		display: block;
		margin: 0 auto 5px auto;
	}

		.page-actions-section-body input[type=button]:last-child {
			margin-bottom: 0;
		}

	.page-actions-section-body.select input[type=button] {
		width: 59px;
	}

	.page-actions-section-body.download {
		padding-right: var(--padding-standard);
		padding-bottom: var(--padding-standard);
	}

		.page-actions-section-body.download input[type=button] {
			width: 100%;
		}

#divPageActions button, #divPageActions input[type=button], #divPageActions input[type=submit] {
	width: 100%;
}

#divPageActions .field-cell-stacked {
	padding-left: 0;
	padding-right: 0;
}

/*#endregion*/

/*#region UI - POP-IN PREVIEW */

#divPopinPreview {
	display: none;
	position: fixed;
	width: 930px;
	height: 630px;
	left: 588px;
	top: calc(50% - 315px);
	overflow: hidden;
	padding: 3px;
	background-color: var(--components-bg-color);
	border: var(--components-border);
	border-radius: 3px;
	box-shadow: 0 0 200px 0 rgba(0, 0, 0, 0.45);
	z-index: 25000;
}

	#divPopinPreview img {
		position: absolute;
		width: calc(100% - 4px);
		height: calc(100% - 4px);
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		border-radius: 3px;
	}

	#divPopinPreview iframe {
		border-radius: 3px;
	}

/*#endregion*/

/*#region UI - POP-UP VIEWER */

.popup-body {
	padding: var(--padding-standard);
	overflow: hidden;
}

	.popup-body #divCrop {
		position: absolute;
		display: none;
		right: 15px;
		top: 44px;
		width: 270px;
		height: 30px;
		white-space: nowrap;
	}

	.popup-body.annotate #divCrop {
		display: block;
	}

	.popup-body #divCrop input {
		width: calc(50% - 3px);
	}

		.popup-body #divCrop input:nth-child(2) {
			margin-left: 3px;
		}

	.popup-body #divAddComment {
		position: absolute;
		display: none;
		right: 15px;
		top: 76px;
		width: 270px;
		height: 125px;
		background-color: white;
		z-index: 1;
	}

		.popup-body #divAddComment table {
			width: 100%;
		}

		.popup-body #divAddComment .title-bar, .popup-body #divCommentHistory .title-bar {
			height: 22px;
			font-family: OpenSansSemiBold, sans-serif;
			font-size: 11px;
			color: #ffffff;
			background-color: transparent;
			background-image: var(--linear-gradient-gray);
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

		.popup-body #divAddComment .border-box {
			height: 100px;
		}

	.popup-body.annotate #divAddComment {
		display: block;
	}

	.popup-body #divAddComment textarea {
		width: 100%;
		height: 100%;
		white-space: normal;
		border: none;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		overflow: auto;
	}

	.popup-body #divCommentHistory, .popup-body.annotate #divCommentHistory {
		position: absolute;
		right: 15px;
		bottom: 15px;
		width: 270px;
		height: calc(100% - 59px);
		overflow: hidden;
	}

		.popup-body #divCommentHistory .styled-text-box {
			width: 100%;
			height: 100%;
			white-space: normal;
			overflow: auto;
			border-radius: 0;
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
		}

		.popup-body #divCommentHistory .cmt-hdr {
			padding: 7px 0 0 7px;
		}

		.popup-body #divCommentHistory .cmt {
			padding: 0 0 8px 7px;
		}

		.popup-body #divCommentHistory .border-box {
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
		}

	.popup-body.annotate #divCommentHistory {
		position: absolute;
		width: 270px;
		height: calc(100% - 223px);
		right: 15px;
		bottom: 15px;
	}

		.popup-body.annotate #divCommentHistory > table, .popup-body #divCommentHistory > table {
			width: 100%;
			height: 100%;
		}

	.popup-body.no-comment-history #divCommentHistory {
		display: none;
	}

.popup-scene-cid {
	position: absolute;
	line-height: 22px;
	left: 15px;
	top: 12px;
	font-family: OpenSansSemiBold, serif;
	font-size: 20px;
	text-transform: uppercase;
	white-space: nowrap;
}

.popup-still.processed {
	width: calc(100% - 365px);
}

.popup-still img, #divImg iframe {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-width: 100%;
	max-height: 100%;
}

.popup-still, .popup-vt {
	position: absolute;
	left: 15px;
	top: 45px;
	width: calc(100% - 315px);
	height: calc(100% - 60px);
	text-align: center;
	background-color: #eeeeee;
	border-radius: 3px;
}

.popup-body.no-comment-history .popup-still, .popup-body.no-comment-history .popup-vt {
	width: calc(100% - 27px);
}

.popup-still.unprocessed, .popup-vt.unprocessed {
	width: calc(100% - 27px);
}

.popup-still img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 3px;
}

.popup-vt iframe {
	width: 100%;
	height: 100%;
	border-radius: 3px;
}

.popup-still.unprocessed {
	width: calc(100% - 27px);
}

.popup-description {
	display: none;
	margin-top: var(--margin-standard);
}

.app-id-10 #divPageTitle {
	position: absolute;
	width: calc(100% - 120px);
	height: 22px;
	left: 50px;
	top: 15px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 22px;
	line-height: 22px;
	text-transform: uppercase;
	white-space: nowrap;
}

.app-id-9 [id$=divReco], .app-id-9 [id$=divContStatus] {
	display: inline-block;
}

.app-id-10 #divReco {
	position: absolute;
	width: auto;
	height: 15px;
	right: 50px;
	top: 19px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 14px;
	text-align: right;
}

	.app-id-10 #divReco img {
		width: 15px;
		min-width: 15px;
		max-width: 15px;
		height: 15px;
	}

	.app-id-10 #divReco .recommends-text {
		position: relative;
		top: -1px;
	}

.app-id-10 #divLoadingContent {
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.app-id-10 #divImg {
	position: absolute;
	width: calc(100% - 100px);
	height: calc(100% - 100px);
	left: 50px;
	top: 45px;
	margin: 0 auto;
	text-align: center;
	background-color: #eeeeee;
	overflow: hidden;
}

.app-id-10 #divImgAnnotArea {
	position: absolute;
	display: none;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-width: 100%;
	max-height: 100%;
	cursor: pointer;
}

.app-id-10 #divPrevImg {
	position: absolute;
	width: 28px;
	height: 28px;
	left: 20px;
	top: calc(50% - 7px);
	border-left: solid 2px #aaaaaa;
	border-bottom: solid 2px #aaaaaa;
	transform: rotate(45deg);
	cursor: pointer;
}

.app-id-10 #divNextImg {
	position: absolute;
	width: 28px;
	height: 28px;
	right: 20px;
	top: calc(50% - 7px);
	border-top: solid 2px #aaaaaa;
	border-right: solid 2px #aaaaaa;
	transform: rotate(45deg);
	cursor: pointer;
}

.app-id-10 #divCID {
	position: absolute;
	left: 50px;
	bottom: 23px;
	font-size: 14px;
	white-space: nowrap;
}

	.app-id-10 #divCID > .status {
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		color: var(--highlight-color);
		padding-left: 5px;
	}

.app-id-10 #divSCR, .app-id-10 #divCS {
	position: absolute;
	right: 50px;
	bottom: 13px;
	font-family: OpenSansSemiBold, sans-serif;
	color: var(--highlight-color);
	padding-top: 8px;
}

	.app-id-10 #divSCR.disabled, .app-id-10 #divCS.disabled {
		pointer-events: none;
	}

	.app-id-10 #divSCR span, .app-id-10 #divCS span {
		font-family: OpenSansSemiBold, sans-serif;
		text-transform: uppercase;
		color: var(--highlight-color);
		padding-right: 5px;
		cursor: pointer;
	}

	.app-id-10 #divSCR.disabled span, .app-id-10 #divCS.disabled span {
		color: #cccccc;
	}

.app-id-10 #divPrcInd {
	position: absolute;
	display: none;
	right: 50px;
	top: 0;
	height: 16px;
	line-height: 16px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 14px;
	background: url(/media/images/processed.png) top left no-repeat;
	padding-left: 20px;
}

.certify .app-id-10 #divImg {
	height: calc(100% - 238px);
}

	.certify .app-id-10 #divImg .annotation {
		border: solid 2px var(--highlight-color);
		border-radius: 3px;
		box-shadow: 0 0 9px rgba(0, 0, 0, 0.35), inset 0 0 9px rgba(0, 0, 0, 0.35);
		cursor: move;
		pointer-events: auto;
	}

.certify .app-id-10 #divPrevImg, .certify #divNextImg {
	top: calc(50% - 96px);
}

.certify .app-id-10 #divCID {
	bottom: 166px;
}

.certify .app-id-10 #divCRT {
	position: absolute;
	right: 52px;
	bottom: 161px;
	font-family: OpenSansSemiBold, sans-serif;
}

.certify .app-id-10 #divEditCmt {
	position: absolute;
	width: calc(50% - 58px);
	left: 50px;
	bottom: 40px;
}

	.certify .app-id-10 #divEditCmt .subtitle {
		padding-left: 0;
		padding-bottom: 5px;
	}

	.certify .app-id-10 #divEditCmt textarea {
		width: 100%;
		resize: none;
		font-family: OpenSans, Arial, sans-serif;
		color: #666666;
		-webkit-font-smoothing: antialiased;
		line-height: 15px;
		height: 90px;
		border: solid 1px #cccccc;
		padding: 5px;
		margin: 0;
	}

		.certify .app-id-10 #divEditCmt textarea:disabled {
			color: #dddddd;
			background-color: #f6f6f6;
			pointer-events: none;
			-webkit-touch-callout: none;
			user-select: none;
		}

.certify .app-id-10 #divCmts {
	position: absolute;
	width: calc(50% - 57px);
	right: 50px;
	bottom: 43px;
}

	.certify .app-id-10 #divCmts .subtitle {
		padding-left: 0;
		padding-bottom: 5px;
	}

	.certify .app-id-10 #divCmts .styled-text-box {
		width: 100%;
		height: 90px;
		white-space: normal;
		border: solid 1px #cccccc;
		overflow: auto;
		border-radius: 3px;
	}

/*#endregion*/

/*#region UI - QUEUE AND STATUS */

.queue-status-col {
	vertical-align: middle !important;
}

	.queue-status-col::after {
		content: '';
		display: block;
		position: relative;
		width: 16px;
		height: 16px;
		line-height: 11px;
		left: 1px;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 12px;
		color: var(--selected-color);
		text-align: center;
		background-color: #c8c8c8;
		border-radius: 3px;
		border-radius: 3px;
		cursor: default;
	}

	.queue-status-col.disabled::after {
		color: #e8e8e8;
		background-color: #f2f2f2;
		pointer-events: none;
	}

	.queue-status-col.details::after {
		display: none;
	}

	.queue-status-col.recommends::after {
		display: none;
	}

	.queue-status-col.vrx-recommends {
		background: url(/media/images/vrx-recommends.png) no-repeat 0 3px;
	}

	.queue-status-col.brand-recommends {
		background: url(/media/images/brand-recommends.png) no-repeat 0 3px;
	}

	.queue-status-col.redirect {
		padding-left: !important;
	}

		.queue-status-col.redirect::after {
			content: 'r';
			font-size: 14px;
			padding-top: 1.5px;
		}

	.queue-status-col.cpy-cntnt {
		padding-left: 0 !important;
	}

		.queue-status-col.cpy-cntnt::after {
			content: 'c';
			font-size: 14px;
			padding-top: 1.5px;
		}

	.queue-status-col.in-progress::after, .queue-status-col.pending::after, .queue-status-col.unselected::after {
		background-image: linear-gradient(#e2bc47, #bf9e3b);
	}

	.queue-status-col.complete::after, .queue-status-col.complete-hidden::after, .queue-status-col.completehidden::after {
		background-image: linear-gradient(#c7ebc7, #bddebd);
	}

	.queue-status-col.complete-hidden::after, .queue-status-col.completehidden::after {
		content: 'h';
		top: 0;
		padding-top: 2px;
	}

	.queue-status-col.pending::after {
		content: 'p';
	}

	.queue-status-col.unselected::after {
		content: '×';
		line-height: 17px;
		font-size: 18px;
	}

	.queue-status-col.cancelled::after {
		background-image: linear-gradient(#e58a8a, #b36b6b);
	}

.content-status-table {
	width: 100%;
}

	.content-status-table > tbody > tr > td {
		padding: 0 3px;
	}

		.content-status-table > tbody > tr > td:last-child {
			padding: 0;
		}

	.content-status-table td.title-bar {
		padding: 5px var(--padding-standard) !important;
	}

.content-queues-table td {
	width: 23px;
	vertical-align: top;
	border-right: solid 1px #bbbbbb;
}

	.content-queues-table td:last-child {
		border-right: none;
	}

.content-dots-table {
	height: 23px;
	border-bottom-right-radius: 3px;
}

	.content-dots-table td:last-child {
		border-right: none;
	}

	.content-dots-table td {
		position: relative;
		width: 23px;
		text-align: center;
	}

.content-status {
	display: inline-block;
	font-family: OpenSansSemiBold, sans-serif;
	text-transform: uppercase;
	color: var(--highlight-color);
}

.content-queue-status-inline {
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
	vertical-align: top;
	margin: 0 5px;
	border-radius: 3px;
}

	.content-queue-status-inline.complete, .content-queue-status-inline.complete-hidden, .content-queue-status-inline.completehidden {
		background-color: #95e595;
	}

	.content-queue-status-inline.in-progress, .content-queue-status-inline.inprogress, .content-queue-status-inline.pending, .content-queue-status-inline.unselected {
		background-image: var(--highlight-bg-image);
	}

	.content-queue-status-inline.cancelled, .content-queue-status-inline.disapproved {
		background-color: #cc8b8b;
	}

	.content-queue-status-inline.unselected .content-queue-status-symbol {
		position: relative;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 19px;
		color: var(--selected-color);
		pointer-events: none;
		line-height: 15px;
		text-align: center;
	}

	.content-queue-status-inline.complete-hidden .content-queue-status-symbol, .content-queue-status-inline.completehidden .content-queue-status-symbol {
		display: inline-block;
		position: relative;
		top: -2px;
		left: 4px;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 12px;
		color: var(--selected-color);
		pointer-events: none;
	}

	.content-queue-status-inline.pending .content-queue-status-symbol {
		display: inline-block;
		position: relative;
		left: 4px;
		top: -4px;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 12px;
		color: var(--selected-color);
		pointer-events: none;
	}

.pg-cntnt-az-ai-vsn .content-queue-status-inline {
	top: 2px;
}

.content-queue-status-text {
	display: inline-block;
	position: relative;
	top: -1px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 11px;
}

.content-queue-status-inline.disabled {
	color: #e0e0e0;
	background-color: var(--components-bg-color);
	pointer-events: none;
}

	.content-queue-status-inline.disabled .content-queue-status-symbol {
		color: #e0e0e0;
		pointer-events: none;
	}

	.content-queue-status-inline.disabled + div.content-queue-status-text {
		color: #bbbbbb;
	}

.content-queue-status + div.pending {
	position: absolute;
	width: 20px;
	height: 20px;
	left: calc(50% - 10px);
	top: calc(50% - 10px);
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 12px;
	color: #444444;
	text-align: center;
	pointer-events: none;
}

.content-queue-status-inline + div.pending {
	display: inline-block;
	position: relative;
	left: -12px;
	top: -2px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 12px;
	color: #444444;
	pointer-events: none;
}

.c-status .account-info-container {
	width: 100%;
}

.recommends {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin-left: 5px;
}

td.recommends {
	height: 21px;
	margin-left: 0;
}

.recommends > img {
	width: 16px;
}

.vrx-recommends {
	background-image: url(/media/images/vrx-recommends.png);
	background-color: transparent;
}

.brand-recommends {
	background-image: url(/media/images/brand-recommends.png);
	background-color: transparent;
}

/*#endregion*/

/*#region UI - RADIO BUTTONS */

input[type=radio] {
	appearance: none;
	display: none;
}

label.radio {
	white-space: nowrap;
	margin-left: 1px;
}

	label.radio .label-text {
		position: relative;
		display: inline-block;
		top: 4px;
		vertical-align: top;
		margin-left: 3px;
		cursor: pointer;
	}

	label.radio label {
		display: inline-block;
		position: relative;
		width: 16px;
		height: 16px;
		top: 2px;
		vertical-align: top;
		margin-top: 3px;
		background-color: #ffffff;
		border: var(--components-border-dark);
		border-radius: 50%;
		box-shadow: var(--components-box-shadow-hover);
		cursor: pointer;
	}

label.for-dropdown-list > label {
	margin-top: 5px !important;
}

label.for-dropdown-list > span.select2-container {
	margin-top: 3px;
}

label.radio input[type=radio]:disabled + label {
	background-color: #eeeeee;
	border-color: #cccccc;
	cursor: default;
}

	label.radio input[type=radio]:disabled + label::after {
		border-color: #cccccc;
	}

	label.radio input[type=radio]:disabled + label + span {
		color: #999999;
		opacity: 0.5;
		pointer-events: none;
	}

	label.radio input[type=radio]:disabled + label::after {
		border-color: #cccccc;
	}

	label.radio input[type=radio]:disabled + label + span {
		pointer-events: none;
	}

label.radio:hover label {
	border: var(--components-border-darker);
	box-shadow: var(--components-box-shadow-hover-dark);
}

label.radio:hover span {
	color: var(--selected-color);
}

label.radio > label::after {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	background-color: transparent;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

label.radio input[type=radio]:checked + label::after {
	background-color: #666666;
}

label.radio input[type=radio]:disabled + label::after {
	background-color: transparent;
	cursor: default;
}

label.radio input[type=radio]:checked:disabled + label::after {
	background-color: #cccccc;
	cursor: default;
}

/*#endregion*/

/*#region UI - SELECTED CONTENT */

.disabled .select2-selection {
	background-color: #e8e8e8;
	color: #999999;
	opacity: 0.5;
	pointer-events: none;
}

/*#endregion*/

/*#region UI - SELECTED CONTENT */

.selected-content-container {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
	padding: 5px;
	background: var(--components-bg-image);
	border-radius: 3px;
	box-shadow: 0px 0px 25px 0 rgb(0 0 0 / 80%);
}

.selected-content-flex {
	display: flex;
	flex-direction: row;
	white-space: nowrap;
	background-image: linear-gradient(#999999, #666666 25px, #ebebeb 25px, var(--components-bg-color));
	background-repeat: no-repeat;
	border-radius: 3px;
}

	.selected-content-flex > div {
		border-right: var(--components-border-light);
	}

	.selected-content-flex > :last-child {
		border-right: none;
	}

tr.selected > td {
	font-family: OpenSansSemiBold, sans-serif !important;
	font-size: 1.1em !important;
	background-color: var(--mark-bg-color-light);
}

	tr.selected > td:not(:first-child) {
		font-size: 1.1em;
	}

	tr.selected > td > a {
		color: #666666;
	}

		tr.selected > td > a:hover {
			border-bottom: solid 1px #666666;
		}

/* none selected. */

#divUnselected {
	display: none;
}

.cert-summary-table {
	width: auto;
	display: inline-block;
	margin-right: 25px;
}

	.cert-summary-table td {
		padding: 5px var(--padding-standard) !important;
	}

	.cert-summary-table:last-child {
		margin-right: 0;
	}

.stills-contracted-number, .vts-contracted-number {
	display: inline-block;
	min-width: 25px;
	text-align: center;
}

input[name=btnStartClearSelection] {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 13px;
	font-style: normal;
	color: #ffffff;
	vertical-align: middle;
	padding: 0 !important;
	margin: 0 !important;
	background-color: #999999;
	border: none;
	border-radius: 3px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.12);
	transition: all 0.1s linear;
}

	input[name=btnStartClearSelection]:hover, input[name=btnStartClearSelection]:focus {
		background-color: var(--highlight-color);
	}

/*#endregion*/

/*#region UI - SLIDER */

.slider {
	display: inline-block;
	height: 4px;
	background-color: #e0e0e0;
	border: solid 1px #bbbbbb;
	box-shadow: none;
}

	.slider.raw-thumbnail-zoom {
		position: relative;
		width: 150px;
		top: -6px;
	}

.ui-slider-handle.ui-state-default, .ui-slider-handle.ui-state-active {
	width: 7px;
	height: 20px;
	top: -8px;
	margin-left: -4px;
	background-image: var(--highlight-bg-image);
	border-radius: 3px;
	border: none;
	transition: all 0.1s linear;
}

.ui-slider-handle.ui-state-hover, .ui-slider-handle.ui-state-active {
	background-image: var(--highlight-bg-image-hover) !important;
	box-shadow: var(--components-box-shadow-hover) !important;
}

/*#endregion*/

/*#region UI - SUBMIT BUTTONS */

#btnRevSubmitTop, #btnRevSubmitBtm, #btnSubmitTop, #btnSubmitBtm, #btnSaveTop, #btnSaveBtm {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 20px;
	height: 40px;
	font-size: 14px;
	letter-spacing: 0.05em;
	word-spacing: 0.25em;
	white-space: nowrap;
	padding: 10px 20px;
	margin-right: 50px;
}

#btnRevSubmitBtm, #btnSubmitBtm, #btnSaveBtm {
	height: 60px;
	font-size: 20px;
	padding: 16px 40px;
}

#btnRevSubmitTop, #btnSubmitTop, #btnSaveTop {
	position: relative;
	width: calc(100% + 14px);
	left: -7px;
	padding: 10px 8px;
	margin-right: 0;
}

.page-crt #btnSubmitTop, .page-crt #btnSaveTop {
	text-align: center;
	width: 100%;
	position: static;
}

.page-crt #btnSubmitTop {
	padding-left: 40px;
}

#btnSaveTop, #btnSaveBtm {
	background-image: var(--linear-gradient-gray);
}

	#btnSaveTop:hover, #btnSaveBtm:hover {
		background-image: var(--linear-gradient-gray-hover);
	}

	#btnSaveTop.disabled, #btnSaveBtm.disabled {
		background-image: none;
		background-color: #e8e8e8;
		color: #999999;
		box-shadow: none;
		opacity: 0.5;
		pointer-events: none;
	}

.page-crt #btnSaveTop {
	padding-left: 50px;
}

.submit-button-label {
	float: left;
	text-align: center;
	margin-left: 10px;
	margin-top: 17px;
}

.submit-button-count {
	float: right;
	width: 40px;
	height: 30px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 14px;
	text-align: center;
	padding-top: 5px;
	margin-top: 10px;
	margin-right: 10px;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.13);
}

/*#endregion*/

/*#region UI - TABLES, ROWS AND COLUMNS */

.title-bar {
	height: 26px;
	vertical-align: middle;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	word-spacing: 0.25em;
	color: #ffffff;
	padding: 0 12px !important;
	background-image: var(--title-bar-linear-gradient);
	cursor: pointer;
	user-select: none;
}

	.title-bar.no-collapse {
		cursor: revert;
	}

div.title-bar {
	padding-top: 5px !important;
}

#divBodyTitle {
	border-top-right-radius: 3px;
}

.title-bar:first-child {
	border-top-left-radius: 3px;
}

.title-bar:last-child {
	border-top-right-radius: 3px;
}

.title-bar.with-info-icon {
	vertical-align: top;
	padding-top: 2px !important;
}

.title-bar .item-count, .content-panel > :first-child > .item-count {
	margin-left: 5px;
}

body:not(.popup-body) .title-bar:not(.no-collapse)::after {
	content: '';
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	top: -2.5px;
	margin-left: 10px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	transform: rotate(45deg);
}

body:not(.popup-body) .title-bar.with-full-height-icon-button::after {
	top: 3.5px;
}

body:not(.popup-body) .title-bar.with-full-height-icon-button.collapsed::after {
	top: 6px !important;
}

.title-bar.collapsed {
	border-radius: 3px;
}

	.title-bar.collapsed::after {
		top: 0 !important;
		transform: rotate(-45deg) !important;
	}

.title-bar.with-full-height-icon-button::after {
	top: 0;
}

.title-bar.with-full-height-icon-button.collapsed::after {
	top: 2px;
}

tr.footer > td {
	height: 16px;
	min-height: 16px;
	max-height: 16px;
	line-height: 16px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	word-spacing: 0.25em;
	vertical-align: middle;
	background-image: linear-gradient(var(--components-bg-color), #e0e0e0);
	border-top: var(--components-border-light);
	border-bottom: var(--components-border);
}

	tr.footer > td:first-child {
		padding-left: 12px;
		border-left: var(--components-border);
		border-bottom-left-radius: 3px;
		border-top-left-radius: 0 !important;
	}

	tr.footer > td:last-child {
		padding-right: 7px;
		border-right: var(--components-border);
		border-bottom-right-radius: 3px;
	}

.cmts-col {
	width: 37px;
	min-width: 37px;
	max-width: 37px;
}

.pid-col {
	width: 64px;
	min-width: 64px;
	max-width: 64px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sid-col {
	width: 90px;
	min-width: 90px;
	max-width: 90px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cid-col {
	width: 101px;
	min-width: 101px;
	max-width: 101px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13px !important;
}

.can-cpy-cntnt .cid-col {
	min-width: 124px;
}

.raw-filename-col {
	white-space: nowrap;
	text-align: left;
}

	.raw-filename-col.fixed {
		width: 200px;
		min-width: 200px;
		max-width: 200px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.property-col {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	padding-right: 8px !important;
}

	.property-col.fixed {
		width: 381px;
		min-width: 381px;
		max-width: 381px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.queue-rotated-col {
	vertical-align: top !important;
}

#tblCurrJobs .property-col, #tblFutureJobs .property-col {
	width: 400px;
	min-width: 400px;
	max-width: 400px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hotel-id-col {
	text-align: left;
}

	.hotel-id-col.fixed {
		width: 87px;
		min-width: 87px;
		max-width: 87px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.alias-col {
	text-align: left;
}

	.alias-col.fixed {
		width: 80px;
		min-width: 80px;
		max-width: 80px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.alias-type-col.fixed {
	width: 120px;
	min-width: 120px;
	max-width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.username-col {
	text-align: left;
}

	.username-col.fixed {
		width: 129px;
		min-width: 129px;
		max-width: 129px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.usernames-col {
	text-align: left;
	cursor: default;
}

	.usernames-col.fixed {
		width: 130px;
		min-width: 130px;
		max-width: 130px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.city-col {
	white-space: nowrap;
	text-align: left;
}

	.city-col.fixed {
		width: 105px;
		min-width: 105px;
		max-width: 105px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.scene-col {
	text-align: left;
}

	.scene-col.fixed {
		width: 200px;
		min-width: 200px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.date-col {
	white-space: nowrap;
	text-align: left;
}

	.date-col:last-child {
		padding-right: 12px !important;
	}

	.date-col.fixed {
		width: 85px;
		max-width: 85px;
		min-width: 85px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.date-time-col {
	width: 145px;
	min-width: 135px;
	max-width: 135px;
	text-align: center;
}

.status-col {
	width: 149px;
	min-width: 149px;
	max-width: 149px;
	white-space: nowrap;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

	.status-col.fixed {
		width: 129px;
		min-width: 129px;
		max-width: 129px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.action-col {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	text-align: left;
}

#tblCurrJobs, #tblFutureJobs {
	width: 100%;
}

	#tblCurrJobs .status-col, #tblFutureJobs .status-col {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.upload-status-col {
	width: 170px;
	min-width: 170px;
	max-width: 170px;
	text-align: left;
	padding-right: var(--padding-standard) !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.age-col {
	width: 65px;
	min-width: 65px;
	max-width: 65px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.queue-col {
	width: 170px;
	min-width: 170px;
	max-width: 170px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.corrections-col {
	text-align: center;
	white-space: nowrap;
	vertical-align: bottom;
}

.comment-col {
	max-width: 200px;
	text-align: left;
}

.col-with-total {
	width: 124px;
}

	.col-with-total > * {
		display: inline-block;
	}

	.col-with-total > :first-child, .col-with-total > :nth-child(3), .col-with-total > :last-child {
		width: 36px;
		text-align: center;
	}

	.col-with-total > :first-child {
		width: 25px;
	}

	.col-with-total > :last-child {
		padding-right: 0;
	}

.items-col {
	text-align: center;
	white-space: nowrap;
}

	.items-col.fixed {
		width: 55px;
		min-width: 55px;
		max-width: 55px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.items-col .button {
		width: 25px;
		height: 16px;
		line-height: 16px;
		font-size: 11px;
		padding: 0;
		margin: 0 auto;
	}

	.items-col .assigned-plus {
		position: absolute;
		left: 37px;
		top: 3px;
	}

	.items-col .unassigned-equals {
		position: absolute;
		left: 39px;
		top: 3px;
	}

	.items-col.uat :not(:first-child) {
		display: inline-block;
		width: 21px;
	}

.batch-col {
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}

.plus-equals-col {
	width: 15px;
	min-width: 15px;
	max-width: 15px;
	text-align: center;
}

.postal-code-col {
	width: 140px;
	min-width: 140px;
	max-width: 140px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.actions-col {
	text-align: left;
	white-space: nowrap;
}

	.actions-col.fixed {
		width: 140px;
		min-width: 140px;
		max-width: 140px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

		.actions-col.fixed.one-action {
			width: 124px;
			min-width: 124px;
			max-width: 124px;
		}

.total-col {
	text-align: center;
	white-space: nowrap;
}

.column.with-icon-button {
	position: relative;
	display: inline-block;
	top: 4px;
	margin-right: 5px;
}

.title-bar-no-border-radius {
	font-size: 13px;
	word-spacing: 0.25em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #ffffff;
	padding: 5px var(--padding-standard);
	background-image: var(--title-bar-linear-gradient);
}

/* TABLE WITH ALTERNATING ROWS OR CONTENT ROWS */

table.alternating-rows, table.content-rows {
	position: relative;
	min-width: var(--content-width-min);
	border-radius: 3px;
}

	table.alternating-rows tbody > tr > td:first-child {
		padding-left: var(--padding-standard);
	}

	table.alternating-rows tbody > tr > td:last-child {
		padding-right: var(--padding-standard);
	}

	table.alternating-rows .cid-col > label.checkbox {
		top: calc(50% - 1px);
		transform: translateY(-50%);
	}

/* EXTRANET */

.page-crt table.content-rows {
	width: 1235px !important;
}

/* Header Row */

thead > tr.header > th, td.header {
	position: relative;
	height: 26px;
	white-space: nowrap;
	background-image: linear-gradient(var(--components-bg-color), #e0e0e0);
}

	thead > tr.header > th.row-1-of-2 {
		height: 19px;
		padding-top: 0;
		padding-bottom: 0;
		background-image: linear-gradient(var(--components-bg-color), #ececec);
	}

	thead > tr.header > th.row-2-of-2 {
		height: 21px;
		padding-top: 0;
		background-image: linear-gradient(#ececec, #e0e0e0);
	}

td.header {
	font-family: OpenSansSemiBold, sans-serif;
	text-transform: uppercase;
	border-bottom: var(--components-border-light) !important;
}

table:not(.sort-disabled) > thead > tr.header > th:not(.sorter-false) {
	cursor: pointer;
}

	table:not(.sort-disabled) > thead > tr.header > th:not(.sorter-false):hover {
		background-image: linear-gradient(#f0f0f0, #d0d0d0);
	}

table:not(.sort-disabled) > thead > tr.header > th:hover {
	background-color: #f2f2f2;
}

	table:not(.sort-disabled) > thead > tr.header > th:hover::after {
		opacity: 0.75;
	}

table:not(.sort-disabled) > thead > tr.header > th::after {
	position: relative;
	content: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	opacity: 0.325;
}

table:not(.sort-disabled) > thead > tr.header > th.up, thead > tr.header > th.down {
	background-image: linear-gradient(#e8e8e8, #c0c0c0);
}

	table:not(.sort-disabled) > thead > tr.header > th.up::after {
		top: -2px;
		content: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
		opacity: 0.75;
	}

table:not(.sort-disabled) > thead > tr.header > th.down::after {
	top: -2px;
	content: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	opacity: 0.75;
}

table:not(.sort-disabled) > thead > tr.header > th.sorter-false:hover {
	background-color: #e0e0e0;
}

table:not(.sort-disabled) > thead > tr.header > th.sorter-false::after {
	display: none;
}

table.alternating-rows > thead > tr, table.alternating-rows th, tbody.header > tr:last-child {
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #666666;
	background-image: var(--title-bar-linear-gradient);
}

table.alternating-rows thead > tr > td, table.alternating-rows th {
	padding: 5px;
	vertical-align: middle;
}

	table.alternating-rows thead > tr > td:first-child, table.alternating-rows th:first-child {
		padding-left: 12px;
	}

	table.alternating-rows thead > tr > td:last-child, table.alternating-rows th:last-child {
		padding-right: 12px;
	}

.tablesorter-header-inner {
	display: inline-block;
}

/* Content Rows */

table.content-rows > tbody > tr > td:first-child {
	padding-left: 12px;
	border-left: var(--components-border);
}

table.content-rows > tbody > tr > td:last-child {
	padding-right: 12px !important;
	border-right: var(--components-border);
}

table.content-rows > tbody > tr:first-child > td {
	padding-top: 12px !important;
}

table.content-rows > tbody > tr:last-child > td {
	padding-bottom: 12px;
	border-bottom: var(--components-border) !important;
}

	table.content-rows > tbody > tr:last-child > td:first-child {
		border-bottom-left-radius: 3px;
	}

	table.content-rows > tbody > tr:last-child > td:last-child {
		border-bottom-right-radius: 3px;
	}

/* Odd Rows */

table.alternating-rows > tbody > tr:nth-child(odd) {
	background-color: var(--row-odd-bg-color);
}

table.alternating-rows > tbody > tr:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

table.alternating-rows > tbody > tr:nth-child(odd).with-click-event {
	cursor: pointer;
}

	table.alternating-rows > tbody > tr:nth-child(odd).with-click-event:hover {
		background-color: rgba(147, 216, 240, 0.2);
	}

table.alternating-rows > tbody > tr:nth-child(odd) > td {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	padding: 0 5px;
	vertical-align: top;
	border-bottom: var(--components-border-lighter);
}

table.alternating-rows.with-drp tbody > tr:nth-child(odd) > td {
	vertical-align: middle;
}

table.alternating-rows > tbody > tr:nth-child(odd) > td:first-child {
	font-family: OpenSansSemiBold, sans-serif;
	padding-left: 12px;
}

table.alternating-rows > tbody.header > tr:first-child > td:first-child {
	font-weight: normal;
}

table.alternating-rows > tbody > tr:nth-child(odd) > td:last-child {
	padding-right: 12px;
}

tbody.header > tr:first-child > td {
	border-top: none !important;
}

thead > tr > th:first-child, tbody.header > tr > td:first-child, tbody.rows > tr > td:first-child {
	border-left: var(--components-border);
}

div.xdsoft_calendar thead > tr > th:first-child {
	border-left: none;
}

thead > tr > th:last-child, tbody.header > tr > td:last-child, tbody.rows > tr > td:last-child {
	border-right: var(--components-border);
}

div.xdsoft_calendar thead > tr > th:last-child {
	border-right: none;
}

tbody.rows > tr:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

	tbody.rows > tr:last-child > td:first-child {
		border-bottom-left-radius: 3px;
	}

	tbody.rows > tr:last-child > td {
		border-bottom: var(--components-border);
	}

		tbody.rows > tr:last-child > td:last-child {
			border-bottom-right-radius: 3px;
		}

tr.row-divider:not(:first-of-type) > td {
	border-top: var(--components-border);
}

/* Even Rows */

table.alternating-rows > tbody > tr:nth-child(even) {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 2px;
	margin-top: 2px;
	background-color: var(--row-even-bg-color);
}

table.alternating-rows > tbody > tr:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

table.alternating-rows tbody > tr:nth-child(even).with-click-event {
	cursor: pointer;
}

	table.alternating-rows tbody > tr:nth-child(even).with-click-event:hover {
		background-color: rgba(147, 216, 240, 0.2);
	}

table.alternating-rows tbody > tr:nth-child(even) > td {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	padding: 0 5px;
	vertical-align: top;
	border-bottom: var(--components-border-lighter);
}

	table.alternating-rows tbody > tr:nth-child(even) > td:first-child {
		font-family: OpenSansSemiBold, sans-serif;
		padding-left: 12px;
	}

	table.alternating-rows tbody > tr:nth-child(even) > td:last-child {
		padding-right: 12px;
	}

table.alternating-rows.with-drp tbody > tr:nth-child(even) > td {
	vertical-align: middle;
}

/* Last Row */

table.alternating-rows tbody:not(.header) > tr:last-child > td {
	border-bottom: var(--components-border);
}

table.alternating-rows tbody.with-footer > tr:last-child > td {
	border-bottom: none !important;
}

table.alternating-rows tbody:not(.header) > tr:last-child > td:first-child {
	border-bottom-left-radius: 3px;
}

table.alternating-rows tbody.with-footer > tr:last-child > td:first-child {
	border-bottom-left-radius: 0;
}

table.alternating-rows tbody:not(.header) > tr:last-child > td:last-child {
	border-bottom-right-radius: 3px;
}

table.alternating-rows tbody.with-footer > tr:last-child > td:last-child {
	border-bottom-right-radius: 0;
}

/* Misc Row Styles */

table.alternating-rows > tbody > tr.no-padding > td {
	padding: 0 !important;
}

.row-subheader > td {
	font-family: OpenSansSemiBold, sans-serif;
	text-transform: uppercase;
	background-color: #e0e0e0;
}

#tblUpcomingSFShoots .row-subheader > td {
	padding-left: 63px !important;
}

tr.no-rows > td {
	font-family: OpenSans, sans-serif !important;
	padding: var(--padding-standard) !important;
	background-color: var(--components-bg-color);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* EXTRANET */

.page-cs .title-bar, .page-scr .title-bar {
	pointer-events: none;
}

	.page-cs .title-bar::after, .page-scr .title-bar::after {
		display: none;
	}

	.page-cs .title-bar.with-info-icon, .page-scr .title-bar.with-info-icon {
		padding-top: 5px !important;
	}

/*#endregion*/

/*#region UI - TAGS */

.comment-and-tags-container {
	display: inline-block;
	width: 230px;
	vertical-align: top;
	margin-right: 10px;
}

	.comment-and-tags-container .add-tags-container .selectize-input {
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

select.selectize {
	height: 1px;
	opacity: 0;
}

	select.selectize.rows-2 + div .selectize-input {
		height: 29px;
		max-width: 200px;
		overflow-y: auto;
	}

table.scene-tags {
	display: none;
	width: 100%;
	padding: 5px 0;
	box-shadow: none;
	border-bottom: var(--components-border);
	border-radius: 0;
}

	table.scene-tags .field-label {
		padding-top: 9px;
	}

	table.scene-tags .field-cell {
		padding-right: var(--padding-standard);
	}

td.content-tags {
	padding-right: var(--padding-standard);
}

.title-bar.with-tags {
	padding-right: 2px;
}

.uploaded .content-metadata-label.tagging {
	padding-top: 13px;
}

.csr .content-metadata-label.tagging {
	padding-top: 13px;
}

.vrx-selection .content-metadata-label.tagging {
	padding-top: var(--padding-standard);
}

.assign-ie .content-metadata-label.tagging {
	padding-top: 11px;
}

.routing .content-metadata-label.tagging {
	padding-top: 31px;
}

.qc-1 .content-metadata-label.tagging, .qc-2 .content-metadata-label.tagging {
	padding-top: var(--padding-standard);
}

.tags-prmted-to-chks-cntnr {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
	font-size: 11px;
	margin: 5px 0;
}

.pg-cntnt-qc3 [data-view=unproc-proc] .tags-prmted-to-chks-cntnr {
	margin-top: 0;
}

.pg-cntnt-qc3 [data-view=unproc-proc] .label-text {
	font-family: OpenSans, sans-serif;
}

.pg-cntnt-unprocproc .tags-prmted-to-chks-cntnr {
	margin-top: 0;
}

.pg-cntnt-unprocproc .label-text {
	font-family: OpenSans, sans-serif;
}

.selectize-input {
	width: 100%;
	height: 29px;
	overflow-y: auto;
}

#atl_txtAddTag {
	width: calc(100% - 27px);
}

#atl_btnAddTag, #atl_btnSaveTag, #atl_btnCancelEditTag {
	width: 23px;
	height: 23px;
	vertical-align: top;
	padding: 0;
}

	#atl_btnAddTag::before, #atl_btnSaveTag::before {
		position: relative;
		width: 14px;
		height: 14px;
		top: 1px;
		background-size: 14px;
	}

	#atl_btnCancelEditTag::before {
		position: relative;
		width: 14px;
		height: 14px;
		top: 1px;
		left: 1px;
		background-size: 14px;
	}

#atl_drpActiveTags + div.selectize-control .selectize-input {
	width: 250px;
	height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

#atl_drpActiveTags + div.selectize-control.multi .selectize-input > div > a.remove {
	font-style: normal;
	font-size: 9px;
	padding-left: var(--padding-standard);
}

#atl_drpArchivedTags + div.selectize-control .selectize-input {
	width: 250px;
	height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

#atl_drpArchivedTags + div.selectize-control.multi .selectize-input > div {
	padding-right: var(--padding-standard) !important;
}

	#atl_drpArchivedTags + div.selectize-control.multi .selectize-input > div > a.remove {
		font-style: normal;
		font-size: 9px;
		padding-left: 0;
	}

#dlgRequestTag, #dlgAdministerTagList {
	display: none;
}

#dlgEditTag {
	position: absolute;
	display: none;
	width: 200px;
	height: 24px;
	padding: 2px;
	background-color: #ffffff;
	border: solid 1px #b8b8b8;
	border-radius: 3px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
	z-index: 100000;
}

#atl_txtEditTag {
	width: calc(100% - 52px);
}

#atl_btnCancelEditTag {
	margin-left: 2px;
}

/*#endregion*/

/*#region UI - THUMBNAILS */

div.thumbnail-container {
	display: inline-block;
	width: 225px;
	margin-right: 10px;
	border-radius: 3px;
}

.thumbnail-container.selected {
	background-image: linear-gradient(#b4c6cc, #edf3f5);
}

.thumbnail-container > .status {
	display: inline-block;
	position: relative;
	top: 1px;
	font-family: OpenSansSemiBold, sans-serif;
	text-transform: uppercase;
	color: var(--highlight-color);
	padding-top: 4px;
	padding-left: 5px;
}

.thumbnail-container > .thumbnail {
	position: relative;
	height: 151px;
	overflow: hidden;
	border-radius: 3px;
}

	.thumbnail-container > .thumbnail img {
		position: relative;
		max-height: 151px;
		border-radius: 3px 0 0 3px;
		overflow: hidden;
		cursor: pointer;
	}

	.thumbnail-container > .thumbnail.processed img {
		width: 225px;
		min-height: 151px;
		max-height: 151px;
	}

	.thumbnail-container > .thumbnail.vertical img {
		width: auto;
	}

	.thumbnail-container > .thumbnail.vertical.still img {
		width: auto;
		min-width: unset;
		max-width: unset;
		height: 151px;
		left: 50%;
		transform: translateX(-50%);
	}

	.thumbnail-container > .thumbnail .vt-overlay {
		position: absolute;
		display: block;
		width: 80px;
		height: 80px;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: url(/media/images/VTThumbnailIcon.png) no-repeat;
		background-size: 80px;
		pointer-events: none;
		opacity: 0.8;
	}

.orig-gs {
	position: absolute !important;
	left: 0;
	top: 0;
}

.thumbnail.vertical .orig-gs {
	left: 50%;
	transform: translateX(-50%);
}

.annotations-overlay {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.75);
	padding: 1px 5px 3px 5px;
	background-color: rgba(0, 0, 0, 0.25);
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	z-index: 1;
	pointer-events: none;
}

.app-id-9 .thumbnail.vertical > .annotations-overlay {
	right: 88px;
}

.app-id-10 .thumbnail.vertical > .annotations-overlay {
	right: 58px;
}

.pg-cntnt-qc3 .thumbnail img.vertical + .annotations-overlay {
	right: 108px;
}

.thumbnail > .expand-overlay {
	position: absolute;
	display: block;
	width: 19px;
	height: 19px;
	right: 2px;
	top: 2px;
	background: url(/media/images/callout.svg) no-repeat;
	pointer-events: none;
	opacity: 0.5;
	filter: drop-shadow(1px 1px 3px hsl(0, 0%, 30%));
	transition: opacity 0.1s linear;
}

.thumbnail.vertical > .expand-overlay {
	right: 64px;
}

.thumbnail:hover > .expand-overlay {
	opacity: 1;
}

.thumbnail-container:not(.selected) > .thumbnail {
	background-color: #e6e6e6;
}

.thumbnail-container .scd {
	position: relative;
	top: 1px !important;
	font-size: 13px;
	font-family: OpenSansSemiBold, sans-serif;
}

.thumbnail-container > .caption {
	display: flex;
	justify-content: space-between;
	font-size: 11px;
	padding-top: 5px;
}

	.thumbnail-container > .caption > label > span {
		position: relative;
		top: 2px;
		font-family: OpenSansSemiBold, sans-serif;
		text-transform: uppercase;
		color: var(--highlight-color);
		vertical-align: top;
		margin-right: 3px;
		cursor: pointer;
		user-select: none;
	}

.pg-cntnt-qc3 .thumbnail-container > .caption {
	flex-direction: column;
}

.thumbnails .thumbnail-container > .caption {
	padding-top: 10px;
}

img.reco {
	position: relative;
	top: -1px;
	width: 16px;
	vertical-align: top;
	margin-left: 7px;
}

.certify .thumbnail > .expand-overlay {
	right: 18px;
}

.certify .thumbnail.vertical > .expand-overlay {
	right: 90px;
}

/* PRODUCTION */

.app-id-9 .thumbnail-container {
	position: relative;
	vertical-align: top;
	width: 225px;
	min-width: 225px;
	max-width: 225px;
	box-sizing: unset;
}

.content-rows .thumbnail-container {
	padding-top: 5px !important;
	padding-right: 0 !important;
}

.content-rows .thumbnail {
	border-radius: 3px 0 0 3px !important;
}

	.content-rows .thumbnail > img {
		border-radius: 3px 0 0 3px;
	}

.content-rows.gallery .thumbnail > img {
	border-radius: 3px;
}

.content-rows .content-metadata-container {
	position: relative;
	padding-top: 5px;
	padding-right: 0;
}

	.content-rows .content-metadata-container > div {
		border-left: none;
		border-right: none;
		border-radius: 0;
	}

.page-content-versioning .content-rows .content-metadata-container > div {
	border-left: var(--components-border);
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.content-rows .thumbnail-container > .tmb-action-btns {
	display: none;
	position: absolute;
	right: 5px;
	bottom: 8px;
	z-index: 10000;
}

.content-rows > tbody > tr:last-child > td.thumbnail-container > .tmb-action-btns {
	bottom: 16px;
}

.content-rows .content-actions-container {
	padding-top: 5px;
	padding-right: 0;
}

.content-rows .actions-items {
	border-right: none;
	border-radius: 0;
}

.content-rows .content-actions-container:nth-child(3) .actions-items {
	border-left: none;
}

.content-rows .content-actions-container:last-child > .actions-items {
	border-right: var(--components-border);
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.content-rows .add-content-comment-container {
	padding-top: 5px;
	padding-right: 0;
}

	.content-rows .add-content-comment-container > textarea {
		border-radius: 0;
	}

.content-rows .comment-history-container {
	padding-top: 5px;
}

	.content-rows .comment-history-container > .styled-text-box {
		border-left: none;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

.app-id-9 tr:last-child > td.thumbnail-container {
	padding-bottom: var(--padding-standard) !important;
}

.app-id-9 .thumbnail-container > .thumbnail {
	position: relative;
	width: 226px;
	height: 151px;
	text-align: center;
	background-color: #dddddd;
	border-radius: 3px;
}

	.app-id-9 .thumbnail-container > .thumbnail > img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		max-height: 151px;
		cursor: pointer;
	}

	.app-id-9 .thumbnail-container > .thumbnail.csr {
		display: inline-block;
		position: relative;
		width: 287px;
		height: 191px;
		left: 10px;
		top: 10px;
		text-align: center;
		margin-bottom: 30px;
		margin-right: 10px;
		background-color: #eeeeee;
	}

		.app-id-9 .thumbnail-container > .thumbnail.csr > img {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translateX(-50%) translateY(-50%);
			max-height: 191px;
			cursor: pointer;
		}

	.app-id-9 .thumbnail-container > .thumbnail.routing {
		display: inline-block;
		position: relative;
		width: 287px;
		height: 191px;
		left: 10px;
		top: 10px;
		text-align: center;
		margin-bottom: 30px;
		margin-right: 10px;
		background-color: #eeeeee;
	}

		.app-id-9 .thumbnail-container > .thumbnail.routing > img {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translateX(-50%) translateY(-50%);
			max-height: 191px;
			cursor: pointer;
		}

	.app-id-9 .thumbnail-container > .thumbnail img.vertical {
		width: auto;
		min-width: auto;
		height: 151px;
		min-height: 151px;
		max-height: 151px;
	}

	.app-id-9 .thumbnail-container > .thumbnail > .caption {
		display: flex;
		justify-content: space-between;
		width: 100%;
		font-family: OpenSansSemiBold, sans-serif;
		vertical-align: top;
		padding: 5px 5px 0 5px;
	}

		.app-id-9 .thumbnail-container > .thumbnail > .caption > :first-child {
			font-family: OpenSansSemiBold, sans-serif;
		}

		.app-id-9 .thumbnail-container > .thumbnail > .caption > :last-child {
			position: relative;
		}

	.app-id-9 .thumbnail-container > .thumbnail.has-good-still > .caption::before {
		display: inline-block;
		width: 14px;
		height: 14px;
		content: '';
		vertical-align: top;
		margin: 1px 2px 0 0;
		background: url(/media/images/vrx-recommends.png) no-repeat;
		background-size: 14px;
	}

.app-id-9 .thumbnail-container > button {
	position: static;
	transform: none;
	font-size: 19px;
	width: 18px;
	height: 17px;
	line-height: 17px;
	vertical-align: top;
}

.processed-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.75);
	padding: 1px 5px 3px 5px;
	background-color: rgba(0, 0, 0, 0.25);
	border-bottom-left-radius: 2px;
	border-top-right-radius: 2px;
	z-index: 1;
	pointer-events: none;
}

img.vertical + .processed-overlay, .thumbnail.vertical > .processed-overlay {
	left: 50%;
	transform: translateX(-50%);
}

/* PRODUCTION */

.app-id-9 img.vertical + div.annotations-overlay, img.vertical + div.processed-overlay + div.annotations-overlay {
	right: 63px;
}

.app-id-9 .bracketing-set.vt .thumbnail-container > thumbnail > .vt-overlay {
	width: 75px;
	height: 75px;
	background-size: 75px 75px;
}

.app-id-9 .thumbnail-container.excluded button.exclude {
	display: none;
}

.app-id-9 .thumbnail-container.excluded button.include {
	display: inline-block;
}

.app-id-9 .thumbnail button.include {
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.app-id-9 .vt-overlay-large {
	position: absolute;
	display: block;
	width: 150px;
	height: 150px;
	left: 225px;
	top: 125px;
	background: url(/media/images/VTThumbnailIcon.png) no-repeat;
	background-size: 150px 150px;
	pointer-events: none;
	opacity: 0.7;
}

.app-id-9 .screening .vt-overlay-large, .uploaded .vt-overlay-large {
	position: absolute;
	display: block;
	width: 150px;
	height: 150px;
	left: 375px;
	top: 225px;
	background: url(/media/images/VTThumbnailIcon.png) no-repeat;
	background-size: 150px 150px;
	pointer-events: none;
	opacity: 0.7;
}

.app-id-9 .large-thumbnail-container {
	position: relative;
	height: 400px;
	padding: 0;
}

	.app-id-9 .large-thumbnail-container:first-child > .large-thumbnail > img {
		border-radius: 3px 3px 0 0;
	}

	.app-id-9 .large-thumbnail-container:last-child {
		padding-left: 0;
	}

		.app-id-9 .large-thumbnail-container:last-child > .large-thumbnail > img {
			border-radius: 3px 3px 0 0;
		}

.app-id-9 .large-thumbnail {
	position: relative;
	height: 400px;
	overflow: hidden;
}

.app-id-9 .large-thumbnail-image {
	min-width: 596px;
	max-width: 596px;
	min-height: 400px;
	max-height: 400px;
	cursor: pointer;
}

	.app-id-9 .large-thumbnail-image.vertical {
		min-width: unset;
		max-width: unset;
		width: unset;
	}

		.app-id-9 .large-thumbnail-image.vertical + .annotations-overlay {
			right: 348px;
		}

	.app-id-9 .large-thumbnail-image.vt.unprocessed {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}

.app-id-9 .large-thumbnail-container-screening, .large-thumbnail-container-uploaded {
	position: relative;
	min-width: 675px;
	min-height: 450px;
	max-width: 675px;
	max-height: 450px;
	width: 675px;
	height: 450px;
	overflow: hidden;
	text-align: center;
	background-color: #eeeeee;
	border-radius: 3px;
}

.app-id-9 .large-thumbnail-image-screening {
	cursor: pointer;
}

	.app-id-9 .large-thumbnail-image-screening.horizontal {
		height: 600px;
	}

	.app-id-9 .large-thumbnail-image-screening.vertical {
		height: 600px;
	}

	.app-id-9 .large-thumbnail-image-screening.vt.unprocessed {
		height: 600px;
		position: relative;
		transform: translateX(-50%);
	}

.app-id-9 img.large-thumbnail {
	max-height: 450px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 3px;
}

.thumbnails {
	font-size: 0px;
}

.tmbs-tbl {
	border-radius: 3px;
}

.app-id-9 .thumbnails {
	padding: 12px 12px 0 7px;
}

.thumbnails.details {
	margin-top: 10px;
}

.thumbnail-title-and-container {
	display: inline-block;
	margin: 0 5px 15px 0;
}

	.thumbnail-title-and-container > .thumbnail-title {
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		word-spacing: 0.04em;
		white-space: nowrap;
		padding: 0 0 3px 7px;
	}

		.thumbnail-title-and-container > .thumbnail-title:empty {
			display: none;
		}

.thumbnails .thumbnail-container {
	display: inline-block;
	position: relative;
	width: 389px;
	min-width: 389px;
	vertical-align: top;
	padding: 7px;
	margin: 0;
}

	.thumbnails .thumbnail-container > .caption {
		padding-right: 3px;
	}

	.thumbnails .thumbnail-container > .thumbnail {
		min-width: 389px;
		height: 259px;
	}

		.thumbnails .thumbnail-container > .thumbnail > img {
			width: 389px;
			min-width: 389px;
			max-width: 389px;
			height: 259px !important;
			min-height: 259px !important;
			max-height: 259px !important;
		}

		.thumbnails .thumbnail-container > .thumbnail img.vertical {
			width: auto;
			min-width: auto;
		}

	.thumbnails .thumbnail-container > .caption > :last-child {
		position: relative;
		top: -3px;
	}

		.thumbnails .thumbnail-container > .caption > :last-child > label:last-child {
			margin-left: 10px;
		}

.thumbnails .thumbnail.vertical > .annotations-overlay {
	right: 104px;
}

.thumbnails .thumbnail.vertical > .processed-overlay {
	right: 68px;
}

.thumbnails .thumbnail.vertical > .expand-overlay {
	right: 106px;
}

/*#endregion*/

/*#region UI - TITLES, HEADERS, SUBSECTIONS */

.page-title {
	width: 100%;
	line-height: 16px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	word-spacing: 0.25em;
	letter-spacing: 0.05em;
	white-space: nowrap;
	padding: 0;
	margin-bottom: var(--margin-standard);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

	.page-title.collapsible {
		cursor: pointer;
	}

		.page-title.collapsible:after {
			content: '';
			position: relative;
			display: inline-block;
			width: 8px;
			height: 8px;
			top: -4px;
			border-right: 2px solid #666666;
			border-bottom: 2px solid #666666;
			transform: rotate(45deg);
		}

		.page-title.collapsible.collapsed::after {
			top: -1px;
			transform: rotate(-45deg);
		}

	.page-title:first-child {
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	.page-title .expand {
		display: inline;
		position: relative;
		top: -1px;
		margin-left: 5px;
		pointer-events: none;
	}

	.page-title.collapsed .expand {
		display: none;
	}

	.page-title .collapse {
		display: none;
		position: relative;
		top: -1px;
		margin-left: 5px;
		pointer-events: none;
	}

	.page-title.collapsed .collapse {
		display: inline;
	}

.one-col .page-title {
	min-width: 1008px;
}

.page-title-left {
	display: inline-block;
	width: calc(100% - 200px);
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;
}

.page-title-right {
	position: absolute;
	right: 15px;
	top: 0;
	text-align: right;
	pointer-events: none;
}

.subsection-title {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 11px;
	margin: 2px 14px 2px 9px;
}

	.subsection-title:not(:first-child) {
		margin: 20px 14px 5px 9px;
	}

	.subsection-title > :first-child {
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		word-spacing: 0.04em;
	}

	.subsection-title::after {
		content: '';
		position: relative;
		top: 8px;
		border-top: 1px solid #d0d0d0;
	}

.subsection-thumbnails {
	display: inline-flex;
	flex-wrap: wrap;
}

	.subsection-thumbnails > * {
	}

.subtitle {
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 12px;
	padding-top: 5px;
}

	.subtitle.thumbnails {
		padding-left: var(--padding-standard);
	}

/* PRODUCTION */

.app-id-9 .subsection-title {
	margin: 2px 0 8px 0;
}

/* EXTRANET */

.app-id-10 .page-title + div {
	box-shadow: var(--components-box-shadow);
}

/*#endregion*/

/*#region UI - TREE VIEW */

.node {
	position: relative;
	height: 29px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	padding: 3px 5px;
	border: solid transparent 1px;
	cursor: pointer;
}

	.node.sort-disabled {
		opacity: 0.5;
		pointer-events: none;
	}

	.node:last-child {
		padding-bottom: 1px;
	}

	.node > .node-icon {
		display: inline-block;
		position: relative;
		width: 11px;
		top: -5.5px;
	}

	.node.with-chk .node-icon {
		top: -3px;
		margin-left: 5px;
		text-align: center;
	}

	.node > .node-title {
		position: relative;
		display: inline-block;
		width: calc(100% - 20px);
		overflow-x: hidden;
		text-overflow: ellipsis;
	}

	.node.with-chk .node-title {
		top: 2px;
	}

	.node.selected {
		background-color: #ffffff;
		border: var(--components-border-dark);
		border-radius: 3px;
	}

		.node.selected > .node-title {
			font-family: OpenSansSemiBold;
			text-decoration: underline;
		}

	.node[data-nde-lvl='0'] {
		/* no left padding for 1st node level (0-index) */
	}

	.node[data-nde-lvl='1'] {
		padding-left: 25px;
	}

	.node.with-chk[data-nde-lvl='1'] {
		padding-left: 32px;
	}

	.node[data-nde-lvl='2'] {
		padding-left: 45px;
	}

	.node.with-chk[data-nde-lvl='2'] {
		padding-left: 59px;
	}

	.node[data-nde-lvl='3'] {
		padding-left: 65px;
	}

	.node.with-chk[data-nde-lvl='3'] {
		padding-left: 86px;
	}

	.node[data-nde-lvl='4'] {
		padding-left: 85px;
	}

	.node.with-chk[data-nde-lvl='4'] {
		padding-left: 113px;
	}

	.node[data-nde-lvl='5'] {
		padding-left: 104px;
	}

	.node.with-chk[data-nde-lvl='5'] {
		padding-left: 140px;
	}

	.node[data-nde-lvl='6'] {
		padding-left: 123px;
	}

	.node.with-chk[data-nde-lvl='6'] {
		padding-left: 167px;
	}

	.node[data-nde-lvl='7'] {
		padding-left: 142px;
	}

	.node.with-chk[data-nde-lvl='7'] {
		padding-left: 194px;
	}

	.node[data-nde-lvl='8'] {
		padding-left: 161px;
	}

	.node.with-chk[data-nde-lvl='8'] {
		padding-left: 221px;
	}

	.node[data-nde-lvl='9'] {
		padding-left: 180px;
	}

	.node.with-chk[data-nde-lvl='9'] {
		padding-left: 248px;
	}

	.node[data-nde-lvl='10'] {
		padding-left: 199px;
	}

	.node.with-chk[data-nde-lvl='10'] {
		padding-left: 275px;
	}

	.node[data-nde-lvl='11'] {
		padding-left: 208px;
	}

	.node.with-chk[data-nde-lvl='11'] {
		padding-left: 302px;
	}

	.node[data-nde-lvl='12'] {
		padding-left: 237px;
	}

	.node.with-chk[data-nde-lvl='12'] {
		padding-left: 329px;
	}

	.node[data-nde-lvl='13'] {
		padding-left: 256px;
	}

	.node.with-chk[data-nde-lvl='13'] {
		padding-left: 356px;
	}

	.node[data-nde-lvl='14'] {
		padding-left: 275px;
	}

	.node.with-chk[data-nde-lvl='14'] {
		padding-left: 383px;
	}

	.node[data-nde-lvl='15'] {
		padding-left: 294px;
	}

	.node.with-chk[data-nde-lvl='15'] {
		padding-left: 410px;
	}

	.node[data-nde-lvl='16'] {
		padding-left: 313px;
	}

	.node.with-chk[data-nde-lvl='16'] {
		padding-left: 437px;
	}

	.node[data-nde-lvl='17'] {
		padding-left: 332px;
	}

	.node.with-chk[data-nde-lvl='17'] {
		padding-left: 464px;
	}

	.node[data-nde-lvl='18'] {
		padding-left: 351px;
	}

	.node.with-chk[data-nde-lvl='18'] {
		padding-left: 491px;
	}

	.node[data-nde-lvl='19'] {
		padding-left: 370px;
	}

	.node.with-chk[data-nde-lvl='19'] {
		padding-left: 518px;
	}

	.node.with-chk::after {
		top: -5px;
	}

/*#endregion*/

/*#region UI - ZIP DL */

.iframe-download {
	display: none;
}

/*#endregion*/

/*#endregion*/

/*#region PGES - ALL */

/*#region PGE - SIGN IN */

.page-signin-index .sign-in {
	position: absolute;
	width: 100%;
	height: 344px;
	left: 0;
	top: calc(50% - 172px);
	text-align: center;
}

.embedded .sign-in {
	height: 265px;
}

.page-signin-index .logo {
	width: 342px;
}

.page-signin-index .divider {
	width: 285px;
	margin: 20px auto;
	border-bottom: var(--components-border);
}

.page-signin-index .instructions {
	display: block;
	font-size: 17px;
	text-transform: uppercase;
	margin-top: 20px;
}

.page-signin-index .app-id-9 .instructions {
	font-size: 1.3em;
}

.page-signin-index .alert-container {
	width: 300px;
	margin: 0 auto 20px auto;
}

	.page-signin-index .alert-container.ie11 {
		display: none;
	}

	.page-signin-index .alert-container > :first-child {
		display: inline-block;
		clear: both;
		background-position: top left;
		background-repeat: no-repeat;
		padding-left: 20px;
		font-size: 12px;
		font-style: italic;
		color: #c00000;
		text-align: center;
	}

		.page-signin-index .alert-container > :first-child.blue {
			background-image: url(/media/images/bell-blue.jpg);
			color: #145bbc;
		}

		.page-signin-index .alert-container > :first-child.red {
			background-image: url(/media/images/bell-red.jpg);
			color: #c00000;
		}

.page-signin-index #txtUsername, .page-signin-index #txtPassword {
	display: block;
	width: 348px;
	height: 40px;
	font-size: 14px;
	color: #999999;
	text-align: left;
	margin: 0 auto 20px auto;
	padding: 0 var(--padding-standard);
	border: solid #cccccc 1px;
	border-radius: 3px;
}

.page-signin-index #txtUsername {
	margin-bottom: 10px;
}

.page-signin-index #btnSignIn {
	display: block;
	width: 348px;
	height: 40px;
	font-size: 18px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 20px auto;
	background-color: #ffffff;
	box-shadow: var(--components-box-shadow);
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

	.page-signin-index #btnSignIn:hover, .page-signin-index #btnSignIn:focus {
		background-color: var(--highlight-color);
		color: #ffffff;
	}

.page-signin-index a:link {
	font-family: OpenSans, sans-serif;
	font-size: 14px;
	color: #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
}

.page-signin-index a:hover, .page-signin-index a:focus {
	color: #666666;
	border-bottom-color: #666666;
}

.page-signin-index #divForgotUserNameOrPassword, .page-signin-index #btnSubmitForgot {
	display: none;
}

.page-signin-index #txtForgotFormFullName, .page-signin-index #txtForgotFormCompanyName, .page-signin-index #txtForgotFormEmail, .page-signin-index #txtForgotFormUsername, .page-signin-index #txtForgotFormPhone {
	display: inline-block;
	width: calc(50% - 25px);
	margin-right: 10px;
	margin-bottom: 10px;
}

/* EXTRANET */

.page-signin-index .app-id-10 #txtUsername, .page-signin-index .app-id-10 #txtPassword, .page-signin-index .app-id-10 #btnSignIn {
	width: 364px !important;
}

/*#endregion*/

/*#region PGE - EXTRA - GENERAL */

#divPageBtns {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	justify-content: space-between;
	margin: 50px 0 35px 0 !important;
	box-shadow: none !important;
}

	#divPageBtns > * {
		white-space: nowrap;
	}

	#divPageBtns > :nth-child(2) {
		text-align: center;
		padding-top: 10px;
	}

	#divPageBtns.checkout {
		grid-template-columns: 1fr;
		justify-items: center;
	}

#btnPrevLoc {
	height: 40px;
	font-size: 14px;
	white-space: nowrap;
	padding: 0 20px;
	background-image: var(--linear-gradient-gray);
}

	#btnPrevLoc::before {
		content: '';
		display: inline-block;
		width: 8px;
		height: 8px;
		margin-right: 15px;
		border-top: solid 2px #ffffff;
		border-left: solid 2px #ffffff;
		transform: rotate(-45deg);
	}

	#btnPrevLoc:hover {
		background-image: var(--linear-gradient-gray-hover);
	}

#btnNextLoc {
	height: 40px;
	font-size: 14px;
	white-space: nowrap;
	padding: 0 20px;
	margin-left: 10px;
	background-image: var(--linear-gradient-gray);
}

	#btnNextLoc::after {
		content: '';
		display: inline-block;
		width: 8px;
		height: 8px;
		margin-left: 15px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		transform: rotate(45deg);
	}

	#btnNextLoc:hover {
		background-image: var(--linear-gradient-gray-hover);
	}

/*#endregion*/

/*#region PGE - EXTRA - CRT */

.scene-section {
	opacity: 0;
	transition: opacity 0.1s linear 0s;
	padding-top: var(--padding-standard);
	border: solid 1px #cccccc;
	background-color: var(--components-bg-color);
	margin-bottom: 1px;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
}

	.scene-section.opened {
		opacity: 1;
	}

.one-col > :last-of-type {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.page-crt .submit-btns {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 45px 0 35px 0 !important;
	box-shadow: none !important;
}

#divCrtSumm .submit-btns {
	position: relative;
	width: calc(100% + 14px);
	left: -7px;
	gap: 6px;
	margin: 10px 0 0 0 !important;
}

/*#endregion*/

/*#region PGE - EXTRA - HOME */

.page-home-index .app-id-10 main {
	display: flex;
	flex-direction: column;
	gap: 25px;
	width: 947px;
	margin: 25px auto 0 auto;
}

.page-home-index .app-id-10 #divFilter {
	width: 100%;
	border-radius: 3px;
	box-shadow: var(--components-box-shadow);
}

	.page-home-index .app-id-10 #divFilter > :last-child {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 25px;
		background-color: var(--components-bg-color);
	}

		.page-home-index .app-id-10 #divFilter > :last-child > :last-child {
			white-space: nowrap;
		}

.page-home-index .app-id-10 #tblPropertiesForYourAttention {
	width: 100%;
}

.page-home-index .app-id-10 #tblPropertiesForYourReference {
	width: 100%;
}

/*#endregion*/

/*#region PGE - EXTRA - CS */

.page-cs .app-id-10 main {
	padding: 0;
	border: none;
}

	.page-cs .app-id-10 main > :nth-child(2) {
		padding: 8px 3px 8px 8px;
		border: var(--components-border);
		border-top: none;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}

/*#endregion*/

/*#region PGE - PROD - AM HME */

.page-home-accmgr main > div, .page-home-accmgr main > table {
	width: 1225px !important;
	min-width: 1225px !important;
	max-width: 1225px !important;
}

.page-home-accmgr .content-metadata-container {
	padding: var(--padding-standard) var(--padding-standard) 7px var(--padding-standard);
	margin-left: 10px;
}

	.page-home-accmgr .content-metadata-container .selectize-input {
		height: 28px;
	}

.page-home-accmgr .metadata-grid {
	grid-template-columns: repeat(2, auto 1fr);
}

.page-home-accmgr .content-actions-container {
	width: 325px;
	min-width: 325px;
	max-width: 325px;
	padding: 0 0 0 12px;
}

	.page-home-accmgr .content-actions-container .border-box {
		height: 125px;
	}

.page-home-accmgr .actions-items {
	min-height: 127px;
	margin-bottom: 12px;
	border-radius: 0 0 0 3px;
}

.page-home-accmgr .add-content-comment-container {
	width: 287px;
	min-width: 287px;
	max-width: 287px;
	padding-top: 0;
}

	.page-home-accmgr .add-content-comment-container > textarea {
		display: block;
		width: 100%;
		height: 127px;
		border-radius: 0;
	}

.page-home-accmgr .comment-history-container {
	width: 600px;
	min-width: 600px;
	max-width: 600px;
	padding: 0;
}

	.page-home-accmgr .comment-history-container > .styled-text-box {
		height: 127px;
	}

.page-home-accmgr table > tbody > tr:last-child .border-bottom {
	border-bottom: none !important;
}

/*#endregion*/

/*#region PGE - PROD - ACCT UPL/SEL RLES */

#divCompanyRules input[type=checkbox], #divBrandRules input[type=checkbox], #divPropertyRules input[type=checkbox] {
	vertical-align: top;
}

#divCompanyRules label, #divBrandRules label, #divPropertyRules label {
	position: relative;
	top: 4px;
	font-style: normal;
	font-weight: normal;
	margin-left: 5px;
}

table#dtgSelectionRule input {
	margin: 3px 0;
}

/*#endregion*/

/*#region PGE - PROD - CRTE PRPRTY */

.sub-title {
	font-family: OpenSansSemiBold, sans-serif;
	padding-left: 0;
	padding-bottom: 7px;
}

.pge-add-acct #trPrprtyNme, .pge-add-acct #trTier, .pge-add-acct #trDvdr1, .pge-add-acct #trAddr, .pge-add-acct #trPstlCde,
.pge-add-acct #trCoords, .pge-add-acct #trDvdr2, .pge-add-acct #trHtlID, .pge-add-acct #trAdd, .pge-add-acct #tblPrprtiesFnd {
	display: none;
}

#divCrteNewPrprty {
	text-align: center;
}

#txtReg, #txtCtry, #txtSP, #txtCty {
	width: 200px;
}

#txtZipPostalCode, #txtAlias, #txtPrprtyPhn, #txtPCNme, #txtPCPhn, #txtPCEml {
	width: 170px;
}

#divSelectRegionFirst, #divSelectCountryFirst, #divSelectStateProvinceFirst {
	padding-top: 4px;
}

#btnAddLocation {
	font-size: 12px;
	padding: 4px var(--padding-standard) !important;
	background-color: #aaaaaa;
}

	#btnAddLocation:hover {
		background-color: #888888;
	}

#txtBrnd {
	width: 50%;
}

#txtCty {
	width: 100%;
}

#txtContractedStills, #txtContractedVTs {
	width: 110px;
}

/*#endregion*/

/*#region PGE - PROD - ADD USER */

#divUsernameAvailable {
	display: inline-block;
	margin-left: 10px;
	font-style: italic;
}

/*#endregion*/

/*#region PGE - PROD - ADV SRCH */

.page-content-adv-srch header > a:first-child {
	position: fixed;
}

.page-content-adv-srch .primary-menu-plus-signout {
	position: fixed;
	width: calc(100%);
	min-width: 1501px;
	height: 103px;
	left: 276px;
	top: 0;
	padding-top: 19px;
	background-color: #ffffff;
	z-index: 3;
}

.page-content-adv-srch #divUserMenu {
	width: calc(100% + 1px);
	left: -0.5px;
	top: 26px;
}

.page-content-adv-srch .two-cols > :first-child {
	position: fixed;
	top: 103px;
}

#divSrchFrm {
	display: flex;
	gap: 10px;
}

	#divSrchFrm > * {
		height: 94px;
	}

		#divSrchFrm > * > :first-child {
			font-family: OpenSansSemiBold, sans-serif;
			font-size: 12px;
			margin: 0 0 3px 3px;
		}

	#divSrchFrm button.clr {
		display: none;
		position: absolute;
		width: 17px;
		height: 17px;
		line-height: 16px;
		right: 3px;
		top: 22px;
		font-size: 20px;
		padding: 0;
		margin: 0;
		border-radius: 2px;
		z-index: 1;
	}

	#divSrchFrm .drp {
		position: absolute;
		right: 6px;
		top: calc(40% + 10px);
		transform: translateY(-50%);
		font-size: 16px;
		color: #aaaaaa;
		z-index: 1;
		pointer-events: none;
	}

	#divSrchFrm .dble-hght-opt {
		display: inline-block;
		height: 42px;
		line-height: 20px;
	}

.page-content-adv-srch .selectize-dropdown {
	margin-top: 0;
	border-top: var(--components-border-dark);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

	.page-content-adv-srch .selectize-dropdown .dble-hght-opt {
		display: inline-block;
		font-family: OpenSansSemiBold, sans-serif;
	}

/*************************** TAGS *************************************/

#divSrchFrm #divTags {
	position: relative;
	width: 150px;
	min-width: 150px;
	font-size: 0;
}

	#divSrchFrm #divTags .selectize-input {
		height: 53px;
	}

	#divSrchFrm #divTags:hover button.clr {
		display: block;
	}

	#divSrchFrm #divTags:hover .drp {
		top: calc(40% + 20px);
		color: #666666;
	}

/************************** ACCT ************************************/

#divSrchFrm #divAcct {
	position: relative;
	width: 280px;
	min-width: 280px;
	font-size: 0;
}

	#divSrchFrm #divAcct .selectize-input {
		height: 53px;
	}

	#divSrchFrm #divAcct:hover button.clr {
		display: block;
	}

	#divSrchFrm #divAcct:hover .drp {
		top: calc(40% + 20px);
		color: #666666;
	}

/************************ PIDS, CIDS *********************************/

#divSrchFrm #divPIDsCIDs {
	position: relative;
	width: 150px;
	min-width: 150px;
	font-size: 0;
	white-space: nowrap;
}

	#divSrchFrm #divPIDsCIDs .selectize-input {
		height: 53px;
	}

	#divSrchFrm #divPIDsCIDs:hover button.clr {
		display: block;
	}

	#divSrchFrm #divPIDsCIDs:hover .drp {
		top: calc(40% + 20px);
		color: #666666;
	}

/***************** SCNES, CATS, TYPES ****************************/

#divSrchFrm #divScnesCatsTypes {
	position: relative;
	width: 200px;
	min-width: 200px;
	font-size: 0;
	white-space: nowrap;
}

	#divSrchFrm #divScnesCatsTypes .selectize-input {
		height: 53px;
	}

	#divSrchFrm #divScnesCatsTypes:hover button.clr {
		display: block;
	}

	#divSrchFrm #divScnesCatsTypes:hover .drp {
		top: calc(40% + 20px);
		color: #666666;
	}

/******************** SCD RANGES *******************************/

#divSrchFrm #divSCDRnges {
	position: relative;
	width: 200px;
	min-width: 200px;
	height: 29px;
	font-size: 0;
	white-space: nowrap;
}

	#divSrchFrm #divSCDRnges .selectize-input {
		height: 29px;
		border-bottom: none;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	#divSrchFrm #divSCDRnges:hover button.clr {
		display: block;
	}

	#divSrchFrm #divSCDRnges #txtSCDFrm {
		width: 79px;
		height: 24px;
		font-size: 12px;
		border-right: none;
		border-radius: 0;
		border-bottom-left-radius: 3px;
	}

	#divSrchFrm #divSCDRnges #txtSCDTo {
		width: 79px;
		height: 24px;
		font-size: 12px;
		border-right: none;
		border-radius: 0;
	}

	#divSrchFrm #divSCDRnges #btnAddSCDRnge {
		height: 24px;
		font-size: 12px;
		border-right: var(--components-border-dark);
		border-radius: 0;
		border-bottom-right-radius: 3px;
	}

/******************** PHOTOGS, STYLSTS *******************************/

#divSrchFrm #divPhotogsStylsts {
	position: relative;
	width: 175px;
	min-width: 175px;
	font-size: 0;
}

	#divSrchFrm #divPhotogsStylsts .selectize-input {
		height: 53px;
	}

	#divSrchFrm #divPhotogsStylsts:hover button.clr {
		display: block;
	}

	#divSrchFrm #divPhotogsStylsts:hover .drp {
		top: calc(40% + 20px);
		color: #666666;
	}

/************************** LOC ************************************/

#divSrchFrm #divLoc {
	position: relative;
	width: 250px;
	min-width: 250px;
	font-size: 0;
}

	#divSrchFrm #divLoc .selectize-input {
		height: 53px;
	}

	#divSrchFrm #divLoc:hover button.clr {
		display: block;
	}

	#divSrchFrm #divLoc:hover .drp {
		top: calc(40% + 20px);
		color: #666666;
	}

/******************** SRCH, RSLTS, FLTRS, DL *******************************/

#divSrchFrmCntnr {
	position: fixed;
	width: 1501px !important;
	height: 183px;
	left: 300px;
	top: 103px;
	z-index: 2;
	background-color: #ffffff;
	pointer-events: none;
}

	#divSrchFrmCntnr.loaded {
		pointer-events: all;
	}

	#divSrchFrmCntnr > :first-child {
		width: 1501px;
		box-shadow: var(--components-box-shadow);
	}

#divBtnsShwngRsltsRowCntFltrs {
	display: inline-flex;
	gap: 5px;
	align-items: center;
	font-size: 14px;
	margin-top: 15px;
}

	#divBtnsShwngRsltsRowCntFltrs > :nth-child(4), #divBtnsShwngRsltsRowCntFltrs > :nth-child(9), #divBtnsShwngRsltsRowCntFltrs > :nth-child(13), #divBtnsShwngRsltsRowCntFltrs > :nth-child(16) {
		margin-left: 10px;
	}

	#divBtnsShwngRsltsRowCntFltrs > :nth-child(14), #divBtnsShwngRsltsRowCntFltrs > :nth-child(15) {
		margin-left: 20px;
	}

	#divBtnsShwngRsltsRowCntFltrs #btnSrch, #divBtnsShwngRsltsRowCntFltrs #btnClrFrm, #divBtnsShwngRsltsRowCntFltrs #btnClrRslts {
		height: 35px;
		font-size: 12px;
		padding: 0 20px;
	}

	#divBtnsShwngRsltsRowCntFltrs #divImgsFnd {
		font-family: OpenSansSemiBold, sans-serif;
	}

/******************** Edmund Dropdown for Advsrch *******************************/

.advSrcMltpDp {
	position: relative;
	display: inline-block;
}

.advSrcMltpDp-select {
	width: 120px;
	height: 35px;
	padding: 0 8px; /* Adjust padding */
	background-color: #ffffff;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	display: flex; /* Enable flexbox */
	align-items: center; /* Center vertically */
}

	.advSrcMltpDp-select:after {
		content: '';
		display: inline-block;
		width: 7px;
		height: 7px;
		border-right: solid 1px #333333;
		border-bottom: solid 1px #333333;
		transform: rotate(45deg);
		margin-left: 5px;
	}

.advSrcMltpDp-content {
	display: none;
	position: absolute;
	background-color: #f8f8f8;
	min-width: 120px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

	.advSrcMltpDp-content label {
		display: block;
		margin-top: 5px;
		margin-bottom: 5px;
		display: flex;
		align-items: center;
	}

.advSrcMltpDp:hover .advSrcMltpDp-content {
	display: block;
}

/***********************************************************************/


.page-content-adv-srch .select2-selection {
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 14px;
}

	.page-content-adv-srch .select2-selection[aria-expanded=true] {
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 14px;
	}

.page-content-adv-srch #divLdng {
	max-width: calc(100% - 23px);
	margin: 280px 0 0 317px;
}

#divSrchRslts {
	width: 1501px !important;
	max-width: 1501px !important;
	display: flex;
	flex-flow: row wrap;
	flex-wrap: wrap;
	gap: 15px;
	margin: 280px 15px 15px 300px;
}

	#divSrchRslts .no-rslts {
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 14px;
		margin: 5px 20px;
	}

	#divSrchRslts > div {
		/* tmb + metadata tile */
		display: grid;
		grid-template-columns: 294px 449px;
		height: 197px;
	}

		#divSrchRslts > div > :first-child {
			width: 294px;
			min-width: 294px;
			max-width: 294px;
			margin-right: 0;
		}

			#divSrchRslts > div > :first-child > .thumbnail {
				width: 294px;
				height: 197px;
				border-radius: 3px 0 0 3px;
			}

				#divSrchRslts > div > :first-child > .thumbnail > img {
					min-width: auto;
					max-width: 294px;
					height: auto;
					min-height: auto;
					max-height: 197px;
					border-radius: 3px 0px 0px 3px;
				}

					#divSrchRslts > div > :first-child > .thumbnail > img.vertical {
						width: auto;
						min-width: auto;
						max-width: auto;
						border-radius: 0;
					}

		#divSrchRslts > div > :last-child {
			/* metadata */
			display: grid;
			grid-template-columns: auto 1fr auto 1fr;
			gap: 5px;
			padding: 10px;
			background-color: var(--components-bg-color);
			border: var(--components-border);
			border-left: none;
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
			box-shadow: var(--components-box-shadow);
		}

			#divSrchRslts > div > :last-child > div:first-child {
				/* cid lbl */
				position: relative;
				top: 1px;
				font-family: OpenSansSemiBold, sans-serif;
				font-size: 14px;
			}

			#divSrchRslts > div > :last-child > div:nth-child(2) {
				/* cid */
				position: relative;
				top: 1px;
				font-family: OpenSansSemiBold, sans-serif;
				font-size: 14px;
			}

			#divSrchRslts > div > :last-child > div:nth-child(3) {
				/* sel for dwnld chk */
				position: relative;
				top: -1px;
				grid-column: span 2;
				font-family: OpenSansSemiBold, sans-serif;
				text-align: right;
				padding-right: 5px;
			}

			#divSrchRslts > div > :last-child > div:nth-child(4) {
				/* tags lbl */
				position: relative;
				top: 5px;
			}

			#divSrchRslts > div > :last-child > div:nth-child(5) {
				/* tags */
				grid-column: span 3;
			}

				#divSrchRslts > div > :last-child > div:nth-child(5) .selectize-input {
					/* tags cntnr */
					height: 29px;
				}

			#divSrchRslts > div > :last-child > div:nth-child(7), #divSrchRslts > div > div > div:nth-child(9) {
				/* prprty, scne */
				grid-column: span 3;
			}

	#divSrchRslts .with-ellipsis {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

#divAllFltrd {
	display: none;
	max-width: calc(100% - 23px);
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 14px;
	margin: 11px 15px 15px 318px;
}

#divLdngMre {
	display: flex;
	flex-direction: row;
	gap: 10px;
	position: fixed;
	left: 50%;
	bottom: 65px;
	transform: translateX(-50%);
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-align: center;
	white-space: nowrap;
	padding: 10px 20px;
	border: var(--components-border-darker);
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
	box-shadow: 0px 0px 100px 0 rgba(0, 0, 0, 0.5);
	z-index: 5;
	pointer-events: none;
}

/******************** SEL, DWNLD *******************************/

.page-content-adv-srch .page-actions-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	padding: 10px;
}

	.page-content-adv-srch .page-actions-container > * > :first-child {
		font-family: OpenSansSemiBold, sans-serif;
		text-transform: uppercase;
		margin-bottom: 10px;
	}

	.page-content-adv-srch .page-actions-container > * > :last-child {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

		.page-content-adv-srch .page-actions-container > * > :last-child > * {
			width: 100%;
		}

.page-content-adv-srch #btnSelNone {
	display: none;
}

/*#endregion*/

/*#region PGE - PROD - B&U */

.page-content-bracketinguploading main > div, .page-content-bracketinguploading main > table {
	max-width: revert !important;
}

#txtFindContent {
	width: 50%;
	padding-left: 31px;
	background-image: linear-gradient(to right, var(--components-bg-color) 0px, var(--components-bg-color) 25px, #ffffff 25px);
	box-shadow: none;
}

#divShootManifest {
	display: none;
}

#divMnfstOut {
	margin-top: var(--margin-standard);
}

#divFindContentBracketing {
	display: none;
}

#tblLoadSFPipelineShoots {
	display: none;
	width: 100%;
}

#divDownloadShootDocs {
	display: none;
}

#divPrptyShtCmt {
	height: 148px;
	border-right: var(--components-border);
	border-bottom: var(--components-border);
	border-bottom-right-radius: 3px;
}

	#divPrptyShtCmt .comment-and-tags-container {
		width: 100%;
		height: 100%;
		min-width: revert;
		max-width: revert;
		margin-right: 0;
	}

	#divPrptyShtCmt .add-content-comment-container {
		width: 100%;
		height: 100%;
		min-width: revert;
		max-width: revert;
		padding: 0;
	}

#tblGoodStillsAndBracketing {
	min-width: var(--content-width-min);
}

#divLdng, #divLoadingContent {
	display: flex;
	gap: 10px;
	justify-items: center;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 14px;
	padding: 0;
}

#tblGoodStillsAndBracketing td {
	padding: 0;
}

#tblSFPipelineShoots {
	display: none;
	width: 100%;
	padding-top: var(--padding-standard);
}

#divDownloadShootDocs, #divPageActionCreateContent {
	display: none;
}

.div-folder {
	width: 100%;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	white-space: nowrap;
	color: #666666;
	padding: 5px var(--padding-standard);
	background-color: #e0e0e0;
}

#divGSAndBrktng {
	overflow: hidden;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.div-good-stills-and-raw-file-bracketing .folder-header:last-of-type {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.div-good-stills-and-raw-file-bracketing .folder-content:last-of-type {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.folder-header {
	height: 32px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 13px;
	white-space: nowrap;
	padding: 6px var(--padding-standard) 0 var(--padding-standard);
	background-color: #f0f0f0;
	border-top: var(--components-border);
	cursor: pointer;
	user-select: none;
}

	.folder-header::before {
		content: '';
		position: relative;
		display: inline-block;
		width: 22px;
		height: 14px;
		top: 1px;
		background: url(/media/images/folder-closed-999999.png) no-repeat 0px 1px;
	}

	.folder-header.expanded::before {
		background-image: url(/media/images/folder-opened-999999.png);
	}

	.folder-header > label.checkbox {
		margin-right: 5px;
	}

.folder-form button {
	padding: 5px 7px 3px 7px;
}

.folder-content.stills {
	margin-top: 10px;
	border-top: var(--components-border) !important;
}

.folder-content.folder-form {
	padding: 13px 0 0 3px !important;
}

	.folder-content.folder-form td {
		padding: 3px;
	}

		.folder-content.folder-form td.field-label {
			padding-top: 5px !important;
			padding-right: 5px !important;
			padding-left: var(--padding-standard) !important;
		}

		.folder-content.folder-form td.field-cell {
			padding-bottom: 5px !important;
		}

	.folder-content.folder-form .comment-and-tags-container {
		width: 100%;
	}

		.folder-content.folder-form .comment-and-tags-container .add-content-comment-container {
			width: 100%;
			min-width: revert;
			max-width: revert;
		}

	.folder-content.folder-form textarea {
		width: 100%;
	}

.folder-form label[id^=lblRenameToSFLoc] {
	display: inline-block;
	top: 0;
	vertical-align: top;
	margin-top: 2px;
	margin-left: 5px;
}

.folder-form .info-icon {
	vertical-align: top;
	margin-top: 3px;
	margin-left: 10px;
}

.folder-form .loc {
	position: relative;
}

	.folder-form .loc .edit-sf-job-location {
		display: none;
	}

	.folder-form .loc button {
		width: 23px;
		height: 23px;
		font-size: 13px;
		padding: 1px 0 0 0;
	}

		.folder-form .loc button.fa-xmark, .folder-form .loc button.fa-floppy-disk {
			display: none;
		}

	.folder-form .loc .loading {
		left: 1px;
		bottom: 4px;
		width: 214px;
	}

.folder-form .room-number input[type=text], .folder-form .wyndham-room-type input[type=text] {
	width: 100px;
}

.folder-form .wyndham-room-type button {
	width: 22px;
	height: 22px;
	padding: 0;
	margin-left: 4px;
}

.folder-content {
	padding-bottom: 15px;
	width: 100%;
	background-color: #fdfdfd;
	border-top: var(--components-border);
}

	.folder-content .folder-header {
		border-top: none;
		background-color: transparent;
		padding: var(--padding-standard) var(--padding-standard) 5px 13px;
	}

		.folder-content .folder-header::before {
			content: '▶';
			width: 15px;
			font-size: 14px;
			font-style: normal;
			color: #888888;
			margin: -1px 7px 0 0;
			background-image: none;
		}

		.folder-content .folder-header.expanded::before {
			content: '▼';
		}

		.folder-content .folder-header.expanded {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}

	.folder-content .folder-content {
		padding: 12px 0 0 15px;
		border-top: none;
	}

		.folder-content .folder-content:last-of-type {
			margin-bottom: 0;
		}

	.folder-content .vts-selected {
		display: none;
	}

	.folder-content .sub-titles.vts {
		display: none;
		white-space: nowrap;
	}

	.folder-content.vts .subtitle.good-still {
		width: 600px;
	}

	.folder-content.vts.uploaded .subtitle.good-still {
		width: 150px;
	}

	.folder-content.vts .subtitle.bracketing-set {
		width: 128px;
		margin-left: var(--margin-standard);
	}

	.folder-content.vts.uploaded .subtitle.bracketing-set {
		width: 150px;
	}

.subtitle.good-still {
	display: inline-block;
	width: 150px;
	padding-top: 0 !important;
	padding-bottom: 0;
	transition: all 0.1s linear;
}

.subtitle.comment-tags {
	display: inline-block;
	width: 300px;
	padding-top: 0 !important;
	padding-bottom: 0;
	margin-right: 10px;
}

.subtitle.bracketing-set {
	display: inline-block;
	width: 150px;
	padding-top: 0 !important;
	padding-bottom: 0;
	margin-left: 35px;
	margin-bottom: 0;
	transition: all 0.1s linear;
}

.folder-content .comment-and-tags-container {
	width: 300px;
}

.bracketing-set {
	position: relative;
	white-space: nowrap;
	margin-right: 13px;
	margin-bottom: 10px;
}

	.bracketing-set:last-child {
		margin-bottom: 0;
	}

	.bracketing-set .buttons {
		display: inline-flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 58px;
		height: 120px;
		transition: all 0.1s linear;
	}

	.bracketing-set button {
		position: relative;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 17px;
		height: 17px;
		font-style: normal;
		padding: 0;
		transition: all 0.1s linear;
	}

	.bracketing-set .good-still button.fa-xmark {
		display: none;
	}

	.bracketing-set .subtitle.bracketing-set {
		margin-left: 0;
	}

	.bracketing-set button.include {
		display: none;
	}

	.bracketing-set button.rotate-left, .bracketing-set button.rotate-right {
		padding-left: 1px;
	}

		.bracketing-set button.rotate-left::before {
			content: '';
			display: inline-block;
			width: 12px;
			height: 12px;
			background: url(/media/images/rotate-left.png) no-repeat;
			background-size: 12px;
		}

		.bracketing-set button.rotate-right::before {
			content: '';
			display: inline-block;
			width: 12px;
			height: 12px;
			background: url(/media/images/rotate-right.png) no-repeat;
			background-size: 12px;
		}

.tmb-action-btns {
	flex-direction: row;
	gap: 5px;
}

	.tmb-action-btns button {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 17px;
		height: 17px;
		color: #ffffff;
		padding: 5px;
	}

		.tmb-action-btns button.fa-floppy-disk, .tmb-action-btns button.fa-trash {
			display: none;
		}

button.crop.create {
	width: 24px;
	height: 24px;
	padding: 3px;
}

button.crop.save {
	margin-right: 5px;
}

.bracketing-set.excluded button.exclude {
	display: none;
}

button.move::before {
	position: relative;
	top: -1px;
	content: '➥';
	font-size: 14px;
}

.bracketing-set.excluded button.include {
	display: inline-block;
}

.bracketing-set.excluded .thumbnail-container:not(.good-still) > .thumbnail,
.bracketing-set .thumbnail-container.excluded > .thumbnail {
	opacity: 0.2;
	pointer-events: none;
}

.bracketing-set .thumbnail-container, .bracketing-raw-thumbnails-container .thumbnail-container {
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	height: 130px;
	transition: all 0.1s linear;
}

	.bracketing-set .thumbnail-container > .thumbnail {
		position: relative;
		display: inline-block;
		width: 150px;
		min-width: 150px;
		max-width: 150px;
		height: 100px;
		vertical-align: top;
		margin: 5px 1px 0 0;
		padding: 0;
		transition: all 0.1s linear;
	}

	.bracketing-set .thumbnail-container.good-still > .thumbnail, .bracketing-set .thumbnail-container.good-still > .thumbnail img {
		border-radius: 3px;
	}

.thumbnail > .crop-area {
	position: absolute;
	width: 100%;
	height: 100%;
}

.thumbnail.vertical > .crop-area {
	width: 100px;
	left: 50%;
	transform: translateX(-50%);
}

.bracketing-set .thumbnail-container > .caption {
	justify-content: center;
	gap: 7px;
	padding: 5px 5px 0 5px;
}

.bracketing-set.vt button.select-raw-files {
	position: inherit;
	width: 100px;
	height: 50px;
	line-height: normal;
	font-size: 12px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 0 7px;
	background-image: var(--highlight-bg-image);
	border-radius: 3px;
	border: none;
	box-shadow: var(--component-box-shadow);
	transition: all 0.1s linear;
}

	.bracketing-set.vt button.select-raw-files:hover, .bracketing-set.vt button.select-raw-files:focus {
		background-image: var(--highlight-bg-image-hover);
		box-shadow: var(--components-box-shadow-hover);
	}

.folder-content.vts .bracketing-set.vt .thumbnail-container {
	width: 600px;
	min-width: 600px;
	max-width: 600px;
	height: 121px;
	border-radius: 3px;
}

.folder-content.vts.uploaded .bracketing-set.vt .thumbnail-container {
	width: 150px;
}

.folder-content.vts.uploaded .bracketing-set.vt .thumbnail > img {
	max-width: unset;
	height: 100px;
}

.bracketing-set.vt img {
	max-width: 600px;
	max-height: none !important;
	cursor: pointer;
	border-radius: 3px !important;
}

.bracketing-raw-thumbnails-container {
	display: inline-block;
	vertical-align: top;
	font-size: 0px;
}

.bracketing-selected-for-vts-container {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 121px;
	text-align: center;
	margin-left: 10px;
	margin-top: 5px;
	transition: all 0.1s linear;
}

	.bracketing-selected-for-vts-container > div {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.bracketing-selected-for-vts-container .raw-files-selected-for-vt {
		width: 128px;
		font-family: OpenSansSemiBold, sans-serif;
		text-align: center;
	}

.bracketing-raw-thumbnails-container .thumbnail-container {
	border-radius: 0;
}

	.bracketing-raw-thumbnails-container .thumbnail-container:first-of-type > .thumbnail {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	.bracketing-raw-thumbnails-container .thumbnail-container:last-of-type .thumbnail {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

.bracketing-set .thumbnail img {
	width: auto;
	min-width: auto;
	max-width: 100%;
	height: 100px;
	min-height: 100px;
	max-height: 100px !important;
	border-radius: 0;
	transition: all 0.1s linear;
}

.bracketing-set .thumbnail.good-still {
	padding-left: 0;
}

.bracketing-set .thumbnail-container.good-still > .thumbnail img {
	border-radius: 3px;
	transform-origin: top left;
}

.bracketing-set .thumbnail-container.good-still > .thumbnail.rotate90 img {
	max-width: 100px;
	transform: rotate(90deg) translate(0, -100%);
}

.bracketing-set .thumbnail-container.good-still > .thumbnail.rotate180 img {
	transform: rotate(180deg) translate(-100%, -100%);
}

.bracketing-set .thumbnail-container.good-still .thumbnail.rotate270 img {
	transform: rotate(270deg) translate(-100%, 0);
}

.bracketing-set .thumbnail-container {
	display: inline-block;
	height: 130px;
	padding: 0 !important;
	margin-right: 2px;
	user-select: none;
}

	.bracketing-set .thumbnail-container:first-child, .bracketing-set .thumbnail-container:first-child > .thumbnail, .bracketing-set .thumbnail-container:first-child > .thumbnail > img {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	.bracketing-set .thumbnail-container:last-child, .bracketing-set .thumbnail-container:last-child > .thumbnail, .bracketing-set .thumbnail-container:last-child > .thumbnail > img {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

.bracketing-set button.exclude::before {
}

.bracketing-set button.include::before {
}

.read-only .comment-and-tags-container {
	display: none;
}

.read-only .folder-form {
	display: none;
}

	.read-only .folder-form .loc button {
		display: none;
	}

.read-only .subtitle.comment-tags {
	display: none;
}

.read-only .subtitle.bracketing-set {
	margin-left: var(--margin-standard);
}

.read-only .bracketing-set.excluded {
	display: none;
}

.bracketing-set .buttons.right-arrow {
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	vertical-align: top;
}

.read-only .bracketing-set .buttons {
	width: 20px;
}

	.read-only .bracketing-set .buttons button {
		display: none;
	}

.bracketing-set .buttons.right-arrow::before {
	display: none;
}

.read-only .bracketing-set .buttons.right-arrow::before {
	display: block;
}

.read-only .bracketing-set .thumbnail button {
	display: none !important;
}

#dlgSelectVTs {
	width: 650px;
	height: 480px;
	overflow: hidden;
	padding-left: var(--padding-standard);
}

	#dlgSelectVTs > :nth-child(2) {
		height: 352px;
		overflow-y: scroll;
	}

	#dlgSelectVTs .thumbnail-container {
		width: 600px;
		min-width: 600px;
		max-width: 600px;
		padding: 5px;
		margin-bottom: 2px;
		border-radius: 3px;
	}

		#dlgSelectVTs .thumbnail-container.selected {
			background-color: #cee9f2;
		}

			#dlgSelectVTs .thumbnail-container.selected.added {
				opacity: 0.5;
			}

		#dlgSelectVTs .thumbnail-container:last-child {
			margin-bottom: 0;
		}

	#dlgSelectVTs .thumbnail {
		position: relative;
		width: 600px;
		height: 138px;
		text-align: center;
		overflow: hidden;
		background-color: #eaeaea;
		border-radius: 3px;
	}

		#dlgSelectVTs .thumbnail > img {
			max-width: 600px;
		}

	#dlgSelectVTs .footer {
		position: relative;
	}

	#dlgSelectVTs .thumbnail-container label.checkbox {
		display: inline-block;
		margin: 7px 0 0 5px;
	}

	#dlgSelectVTs + .ui-dialog-buttonpane {
		padding-top: var(--padding-standard) !important;
	}

#dlgSelectVTRaws {
	width: 1050px;
	height: 765px;
	overflow: hidden;
}

	#dlgSelectVTRaws .div-folder {
		border-top: var(--components-border);
	}

	#dlgSelectVTRaws .vt-selected {
		position: relative;
		width: 1026px;
		height: 236px;
		overflow: hidden;
		border-radius: 3px;
		margin: 10px;
	}

		#dlgSelectVTRaws .vt-selected img {
			position: absolute;
			max-width: 1026px;
			border-radius: 3px;
			top: 50%;
			transform: translateY(-50%);
		}

	#dlgSelectVTRaws .subtitle {
		padding-top: 0;
		padding-bottom: var(--padding-standard);
	}

	#dlgSelectVTRaws > div.folders-and-files {
		height: 341px;
		overflow-y: scroll;
	}

	#dlgSelectVTRaws > :nth-child(4) > :nth-last-child(2) {
		border-bottom: var(--components-border);
	}

		#dlgSelectVTRaws > :nth-child(4) > :nth-last-child(2).expanded {
			border-bottom: none;
		}

	#dlgSelectVTRaws > :nth-child(4) > .folder-header {
		border-right: var(--components-border);
	}

	#dlgSelectVTRaws .thumbnail {
		display: inline-block;
		width: 150px;
		min-width: 150px;
		max-width: 150px;
		padding: 5px;
		margin-bottom: 2px;
		border-radius: 3px;
	}

		#dlgSelectVTRaws .thumbnail.selected {
			background-color: #cee9f2;
		}

			#dlgSelectVTRaws .thumbnail.selected.added {
				opacity: 0.5;
			}

	#dlgSelectVTRaws .thumbnail-container.selected > .thumbnail {
		background-color: #cee9f2;
	}

	#dlgSelectVTRaws .thumbnail {
		position: relative;
		width: 150px;
		height: 100px;
		text-align: center;
		overflow: hidden;
		background-color: #eaeaea;
		border-radius: 3px;
	}

		#dlgSelectVTRaws .thumbnail > img {
			max-height: 100px;
		}

	#dlgSelectVTRaws .footer {
		position: relative;
	}

	#dlgSelectVTRaws .thumbnail-container label.checkbox {
		display: inline-block;
		margin: 7px 0 0 5px;
	}

	#dlgSelectVTRaws + .ui-dialog-buttonpane {
		padding-top: var(--padding-standard) !important;
	}

	#dlgSelectVTRaws.read-only .folder-header {
		pointer-events: none;
	}

	#dlgSelectVTRaws.read-only label.checkbox {
		display: none;
	}

	#dlgSelectVTRaws.read-only .thumbnail > img {
		pointer-events: none;
	}

#dlgSetBracketingCreateContent, #dlgCnfrmCrptdFlesReUpld {
	display: none;
	width: 100% !important;
	padding: var(--padding-standard);
}

#divCorruptedFiles ul {
	margin: 0;
	padding-left: var(--padding-standard);
}

.raw-manifest label {
	display: inline-block;
	top: 0;
	padding-top: 4px !important;
}

.raw-manifest a {
	display: inline-block;
	width: auto;
	vertical-align: top;
	line-height: 24px;
	font-weight: normal;
	text-decoration: none;
	cursor: default;
	margin-left: var(--margin-standard);
}


/*#endregion*/

/*#region PGE - PROD - CLNT DOC ADMIN */


#tdAddClientDocumentAccountName, #tdEditClientDocumentAccountName {
	padding-top: var(--padding-standard);
}

.cell-client-document-admin-breadcrumb {
	color: #666666;
	padding: 5px var(--padding-standard);
	background-color: #f0f0f0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.span-client-document-admin-breadcrumb-item {
	display: inline-block;
	font-family: OpenSansSemiBold, sans-serif;
	padding: 0 var(--padding-standard) 0 25px;
	background: url(/media/Images/folder.png) 0 2px no-repeat;
}

	.span-client-document-admin-breadcrumb-item a {
		color: #777777;
	}

		.span-client-document-admin-breadcrumb-item a:hover {
			color: var(--highlight-color);
		}

.span-client-document-admin-breadcrumb-arrow {
	display: inline-block;
	position: relative;
	width: 27px;
	height: 9px;
	top: 1px;
	background: url(/media/Images/arrow-right.png) 11px 0 no-repeat;
}

.cell-add-client-document {
	padding: 0 var(--padding-standard);
	text-align: center;
}

.add-client-document-button {
	display: inline-block;
}

.client-document-list-view {
	display: inline-block;
	padding-top: 3px;
	margin-right: 10px;
}

	.client-document-list-view select {
	}

.cell-client-document-title {
	font-family: OpenSansSemiBold, sans-serif;
	padding-left: var(--padding-standard);
}

.cell-client-document-actions {
	padding-right: var(--padding-standard);
}

/*#endregion*/

/*#region PGE - PROD - CNTNT DTLS */

#pnlCID, #pnlRawName {
	display: inline-block;
}

.content-details-grid {
	display: grid;
	grid-template-columns: auto repeat(2, 1fr);
	font-size: 0.7rem;
	padding: 0 var(--padding-standard) var(--padding-standard) var(--padding-standard);
	background-color: var(--components-bg-color);
	border: var(--components-border);
	border-top: none;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: var(--components-box-shadow);
}

	.content-details-grid > .subtitle {
		margin: 0 0 5px 0;
	}

	.content-details-grid > .thumbnail-container {
		width: 247px;
		min-width: 247px;
		max-width: 247px;
		padding: 0 !important;
		margin: 0;
	}

		.content-details-grid > .thumbnail-container > .thumbnail {
			width: 247px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}

			.content-details-grid > .thumbnail-container > .thumbnail > img {
				min-height: 165px;
				height: 165px;
				width: auto;
				min-width: auto;
				max-width: 100%;
			}

	.content-details-grid .content-metadata-container {
		min-width: auto;
		padding: 0;
		margin: 0;
	}

		.content-details-grid .content-metadata-container > div {
			border-left: none;
			border-right: none;
			border-radius: 0;
		}

	.content-details-grid .styled-text-box {
		padding: 0;
		width: 100%;
		height: 151px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

/*#endregion*/

/*#region PGE - PROD - CNTNT STATUS */

.rotate-90 {
	width: 17px;
	white-space: nowrap;
	color: #666666;
	padding: 4px 0px;
	transform: rotate(90deg);
}

.page-content-index .page-actions-container {
	padding: 10px;
}

.page-content-index main > div, .page-content-index main > table {
	max-width: 1426px !important;
}

#divCpyCIDs, #divAddFnlDlvry {
	display: grid;
	grid-template-rows: auto 1fr;
}

	/* smries */

	#divCpyCIDs .smries {
		display: grid;
		grid-template-columns: 524px 1fr;
	}

	/* smry */

	#divCpyCIDs .smry, #divAddFnlDlvry .smry {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 0 5px;
		padding: 15px;
		background-color: var(--components-bg-color);
		border-bottom: var(--components-border);
	}

		/* to prprty smry 1st cll */

		#divCpyCIDs .smry:first-child > :first-child, #divAddFnlDlvry .smry:first-child > :first-child {
			margin-top: 2px;
		}

		/* frm prprty smry */

		#divCpyCIDs .smry:last-child {
			padding-right: 33px;
		}

		/* smry 1st cll */

		#divCpyCIDs .smry > :first-child, #divAddFnlDlvry .smry > :first-child {
			font-size: 14px;
		}

		/* smry 2nd cll */

		#divCpyCIDs .smry > :nth-child(2), #divAddFnlDlvry .smry > :nth-child(2) {
			height: 24px;
			font-family: OpenSansSemiBold, sans-serif;
			font-size: 14px;
			padding-top: 0;
		}

		/* smry lbl clls */

		#divCpyCIDs .smry > :nth-child(odd), #divAddFnlDlvry .smry > :nth-child(odd) {
			font-family: OpenSansSemiBold, sans-serif;
		}

/* rsn pnl */

.rsn-pnl {
	padding: 15px;
	border-top: var(--components-border);
}

/* rsn */

.rsn {
	display: inline-flex;
	flex-direction: row;
	gap: 10px;
}

	/* rsn 1st cll */

	.rsn > :first-child {
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 14px;
	}

	/* rsn lst cll */

	.rsn > :last-child {
		width: 395px;
		height: 24px;
		font-size: 14px;
		padding-top: 0;
	}

/* cids pnl */

#divCpyCIDs .cids-pnl {
	overflow-y: scroll;
}

/* cids */

#divCpyCIDs #divCIDs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	padding: 15px;
}

#divAddFnlDlvry #divCIDsForAddFnlDlvry {
	height: calc(100%);
	padding: 0 var(--padding-standard) var(--padding-standard) 7px;
	overflow: hidden auto;
	border-bottom: var(--components-border);
}

	#divAddFnlDlvry #divCIDsForAddFnlDlvry:empty::before {
		content: 'To view the thumbnail gallery, find a property with final content (above).';
		display: inline-block;
		font-style: italic;
		margin-top: 17px;
		margin-left: 7px;
		opacity: 0.6;
	}

	#divAddFnlDlvry #divCIDsForAddFnlDlvry > .page-title {
		margin-left: 7px;
		margin-top: var(--margin-standard);
	}

	#divAddFnlDlvry #divCIDsForAddFnlDlvry > .tmbs {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 10px 0;
	}

		#divAddFnlDlvry #divCIDsForAddFnlDlvry > .tmbs > .thumbnail-title-and-container {
			margin: 0;
		}

			#divAddFnlDlvry #divCIDsForAddFnlDlvry > .tmbs > .thumbnail-title-and-container > .thumbnail-title {
				font-size: 11px;
				margin-bottom: 0;
			}

	#divAddFnlDlvry #divCIDsForAddFnlDlvry .thumbnail-container {
		padding: 7px;
		margin-right: 1px;
	}

		#divAddFnlDlvry #divCIDsForAddFnlDlvry .thumbnail-container > .thumbnail > img {
			min-width: 226px;
			max-width: 226px;
		}

			#divAddFnlDlvry #divCIDsForAddFnlDlvry .thumbnail-container > .thumbnail > img.vertical {
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				width: auto;
				min-width: auto;
			}

		#divAddFnlDlvry #divCIDsForAddFnlDlvry .thumbnail-container > .caption {
			padding-top: 3px;
		}

			#divAddFnlDlvry #divCIDsForAddFnlDlvry .thumbnail-container > .caption > :first-child {
				position: relative;
				top: 2px;
				font-size: 14px;
			}

/* tmb pnl */

#divCpyCIDs .tmb-pnl {
	display: grid;
	grid-template-columns: 180px 1fr;
}

	#divCpyCIDs .tmb-pnl > .thumbnail-container {
		width: 180px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

		#divCpyCIDs .tmb-pnl > .thumbnail-container > .thumbnail {
			height: 121px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			border: var(--components-border-light);
		}

			#divCpyCIDs .tmb-pnl > .thumbnail-container > .thumbnail > img {
				min-width: 180px;
				max-width: 180px;
				height: 121px;
				min-height: 121px;
				max-height: 121px;
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
				cursor: default;
			}

				#divCpyCIDs .tmb-pnl > .thumbnail-container > .thumbnail > img.vertical {
					position: absolute;
					left: 50%;
					transform: translateX(-50%);
					width: auto;
					min-width: auto;
					height: 121px;
					min-height: 121px;
					max-height: 121px;
				}

/* mtadta pnl */

#divCpyCIDs .mtadta-pnl {
	padding: 10px;
	background-color: var(--components-bg-color);
	border: var(--components-border-light);
	border-left: none;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* mtadta */

#divCpyCIDs .mtadta {
	display: inline-grid;
	grid-template-columns: auto 1fr;
	gap: 5px;
}

	#divCpyCIDs .mtadta > :first-child,
	#divCpyCIDs .mtadta > :nth-child(2) {
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 13px;
	}

	#divCpyCIDs .mtadta > :nth-child(3) {
		margin-top: 3px;
	}

	#divCpyCIDs .mtadta > :nth-child(7) {
		margin-top: 3px;
	}

	#divCpyCIDs .mtadta > :nth-child(odd) {
		font-family: OpenSansSemiBold, sans-serif;
		white-space: nowrap;
	}

#divCpyCIDs #divCIDs .label-text {
	min-width: 223px;
	max-width: 223px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.page-content-index .ui-dialog-content + .ui-dialog-buttonpane {
	padding: 10px !important;
	background-color: var(--components-bg-color);
	border-top: var(--components-border);
}

#divCntntBeingCpied {
	display: flex;
	flex-direction: row;
	gap: 15px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 14px;
	padding: 15px;
	border-bottom: var(--components-border);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

#divCntntCpied {
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 14px;
	padding: 15px;
}

#divPrprtyCpiedTo {
	margin-top: 15px;
}

/*#endregion*/

/*#region PGE - PROD - CSR */

.pg-cntnt-csr .actions-items {
	border-left: var(--components-border) !important;
}

.pg-cntnt-csr .cid {
	font-size: 11px;
}

.pg-cntnt-csr label.checkbox label {
	width: 14px;
	height: 14px;
	top: 3px;
}

	.pg-cntnt-csr label.checkbox label::after {
		left: calc(50% - 0.5px);
		width: 11px;
		height: 4.5px;
	}

.pg-cntnt-csr .tags-prmted-to-chks-cntnr {
	margin-bottom: 7px;
}

.pg-cntnt-csr .thumbnails {
	padding-bottom: 0 !important;
}

.pg-cntnt-csr .thumbnail-title-and-container {
	margin-bottom: 8px;
}

.pg-cntnt-csr .thumbnails .thumbnail-container {
	width: 300px;
	min-width: 300px;
	vertical-align: top;
	padding: 7px;
	margin: 0;
}

	.pg-cntnt-csr .thumbnails .thumbnail-container > .thumbnail {
		min-width: 300px;
		height: 200px;
	}

		.pg-cntnt-csr .thumbnails .thumbnail-container > .thumbnail > img {
			width: 300px;
			min-width: 300px;
			max-width: 300px;
			height: 200px !important;
			min-height: 200px !important;
			max-height: 200px !important;
		}

			.pg-cntnt-csr .thumbnails .thumbnail-container > .thumbnail > img.vertical {
				width: auto !important;
				min-width: auto !important;
			}

.pg-cntnt-csr main > div, .pg-cntnt-csr main > table {
	max-width: 1459px !important;
}

#trJobComments .styled-text-box {
	height: 100px;
	max-height: 100px;
	overflow-y: auto;
	background-color: var(--components-bg-color);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

#divSceneDetails {
	max-height: 119px;
	overflow-y: scroll;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.csr-scene-details-header-1 {
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	background-color: #d6d6d6;
	border-right: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
}

	.csr-scene-details-header-1:first-child {
		width: 444px;
		text-align: left;
		vertical-align: bottom;
		padding-left: var(--padding-standard) !important;
		border-bottom: none;
	}

	.csr-scene-details-header-1:last-child {
		vertical-align: bottom;
	}

.csr-scene-details-header-2 {
	width: 88px;
	min-width: 88px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	background-color: #e0e0e0;
	border-right: solid 1px #f0f0f0;
}

	.csr-scene-details-header-1 .count, .csr-scene-details-header-2 .count {
		display: inline-block;
		position: relative;
		top: -1px;
		left: 5px;
		font-size: 11px;
		letter-spacing: 0.05em;
		color: #888888;
		transition: all 0.1s linear;
	}

	.csr-scene-details-header-2 .count {
		color: #888888;
	}

.selection-summary-scene-row:last-child td:first-child {
	border-bottom-left-radius: 3px;
}

.selection-summary-scene-row:last-child td {
	border-bottom: none;
}

.csr-scene-details-header td:last-child, .selection-summary-scene-row td:last-child {
	border-right: none;
}

.selection-summary-scene-row td {
	background-color: var(--row-odd-bg-color);
	border-bottom: var(--components-border-lighter);
}

.selection-summary-scene-name {
	white-space: nowrap;
	padding-left: var(--padding-standard) !important;
	padding-right: var(--padding-standard) !important;
}

.selection-summary-scene-row td.count {
	width: 88px;
	text-align: center;
}

#tdContentTitle div.count {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0.05em;
	color: #e0e0e0;
	padding-left: 5px;
	transition: all 0.1s linear;
}

.pg-cntnt-csr .comment-history div.styled-text-box {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/*#endregion*/

/*#region PGE - PROD - EDIT SQL */

#txtSqlStatement {
	width: 100%;
	height: 250px;
}

.page-dev-sql-edit #btnUpdate {
	margin-left: 0;
}

/*#endregion*/

/*#region PGE - PROD - IMG EDITOR HME */

.page-home-imgtech table.content-rows {
	min-width: 1200px !important;
	margin-bottom: 12px;
}

/*#endregion*/

/*#region PGE - PROD - POST-PROD STATUS */

.pge-adm-pps main > div, .pge-adm-pps main > div > *, #tblPPS_FnlDlvries {
	min-width: 1716px;
	max-width: 1716px !important;
}

.pge-adm-pps tr.pp {
	background-color: #ecffec !important; /* post-prod status: pale green */
}

	.pge-adm-pps tr.pp a {
		color: #666666;
	}

		.pge-adm-pps tr.pp a:hover {
			border-color: #666666;
		}

.pge-adm-pps .status-col {
	padding-left: 10px !important;
}

.pge-adm-pps .property-col.fixed {
	width: 429px;
	min-width: 429px;
	max-width: 429px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pge-adm-pps tr.crt {
	background-color: #fff8ec !important; /* cert status: pale gold (tan) */
}

	.pge-adm-pps tr.crt a {
		color: #666666;
	}

		.pge-adm-pps tr.crt a:hover {
			border-color: #666666;
		}

.pge-adm-pps tr.fnl {
	background-color: #ecffff !important; /* fnl dlvry status: pale blue */
}

	.pge-adm-pps tr.fnl a {
		color: #666666;
	}

		.pge-adm-pps tr.fnl a:hover {
			border-color: #666666;
		}

.smry-wk-ttle {
	display: inline-block;
	width: 245px;
}

#tblPPS_Dtls {
	width: 100%;
}

	#tblPPS_Dtls > tbody > tr:nth-child(odd) {
		background-color: var(--row-even-bg-color);
	}

	#tblPPS_Dtls > tbody > tr:nth-child(even) {
		background-color: var(--row-odd-bg-color);
	}

	#tblPPS_Dtls .age-cols {
		width: 110px;
		min-width: 110px;
		max-width: 110px;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#tblPPS_Dtls .age-col:first-child {
		width: 35px;
		min-width: 35px;
		max-width: 35px;
		padding-left: 5px;
	}

	#tblPPS_Dtls .age-col:nth-child(2) {
		width: 75px;
		min-width: 75px;
		max-width: 75px;
	}

	#tblPPS_SmryLstWk .pid-col, #tblPPS_SmryThsWk .pid-col, #tblPPS_SmryNxtWk .pid-col, #tblPPS_Dtls .pid-col, #tblPPS_WOTThsMnth .pid-col, #tblPPS_WOTLstMnth .pid-col, #tblPPS_WOT2MnthsAgo .pid-col, #tblImgAss .pid-col, #tblPPS_FnlDlvries .pid-col {
		padding-left: 15px !important;
	}

	#tblPPS_Dtls .items-col {
		width: 29px;
		min-width: 29px;
		max-width: 29px;
		border-left: none;
		vertical-align: middle;
	}

#tblPPS_WOTThsMnth > tbody > tr > td:nth-child(19), #tblPPS_WOTLstMnth > tbody > tr > td:nth-child(19), #tblPPS_WOT2MnthsAgo > tbody > tr > td:nth-child(19) {
	width: 150px;
	min-width: 150px;
	max-width: 150px;
}


#tblPPS_WOTThsMnth .tier, #tblPPS_WOTLstMnth .tier, #tblPPS_WOT2MnthsAgo .tier {
	margin-right: 0;
}

#tblImgAss .items-col {
	vertical-align: middle !important;
}

#tblImgAss .age-col {
	width: 140px;
	min-width: 140px;
	max-width: 140px;
}

#tblImgAss .username-col {
	width: 152px;
	min-width: 152px;
	max-width: 152px;
}

#tblPPS_SmryLstWk > tbody > tr:nth-child(odd) > td, #tblPPS_SmryThsWk > tbody > tr:nth-child(odd) > td, #tblPPS_SmryNxtWk > tbody > tr:nth-child(odd) > td {
	border-bottom: var(--components-border);
}

#tblPPS_SmryLstWk > tbody > tr:nth-child(even) > td, #tblPPS_SmryThsWk > tbody > tr:nth-child(even) > td, #tblPPS_SmryNxtWk > tbody > tr:nth-child(even) > td {
	border-bottom: var(--components-border);
}

#tblPPS_SmryLstWk td:first-child, #tblPPS_SmryThsWk td:first-child, #tblPPS_SmryNxtWk td:first-child, #tblPPS_Dtls td:first-child, #tblPPS_WOTThsMnth td:first-child, #tblPPS_WOTLstMnth td:first-child, #tblPPS_WOT2MnthsAgo td:first-child, #tblImgAss td:first-child, #tblPPS_FnlDlvries td:first-child {
	position: relative;
}

#tblPPS_SmryLstWk td:nth-child(2), #tblPPS_SmryThsWk td:nth-child(2), #tblPPS_SmryNxtWk td:nth-child(2), #tblPPS_Dtls td:nth-child(2), #tblPPS_WOTThsMnth td:nth-child(2), #tblPPS_WOTLstMnth td:nth-child(2), #tblPPS_WOT2MnthsAgo td:nth-child(2), #tblImgAss td:nth-child(2), #tblPPS_FnlDlvries td:nth-child(2) {
	font-family: OpenSansSemiBold, sans-serif;
}

#tblPPS_SmryLstWk th .fa-regular, #tblPPS_SmryThsWk th .fa-regular, #tblPPS_SmryNxtWk th .fa-regular, #tblPPS_Dtls th .fa-regular, #tblPPS_WOTThsMnth th .fa-regular, #tblPPS_WOTLstMnth th .fa-regular, #tblPPS_WOT2MnthsAgo th .fa-regular, #tblImgAss .fa-regular, #tblPPS_FnlDlvries .fa-regular {
	position: relative;
	top: 3px;
	font-size: 13px;
}

#tblPPS_SmryLstWk .fa-light, #tblPPS_SmryThsWk .fa-light, #tblPPS_SmryNxtWk .fa-light, #tblPPS_Dtls .fa-light, #tblPPS_WOTThsMnth .fa-light, #tblPPS_WOTLstMnth .fa-light, #tblPPS_WOT2MnthsAgo .fa-light, #tblImgAss .fa-light, #tblPPS_FnlDlvries .fa-light {
	position: relative;
	top: 2px;
	font-size: 16px;
	cursor: pointer;
}

	#tblPPS_SmryLstWk .fa-light:hover, #tblPPS_SmryThsWk .fa-light:hover, #tblPPS_SmryNxtWk .fa-light:hover, #tblPPS_Dtls .fa-light:hover, #tblPPS_WOTThsMnth .fa-light:hover, #tblPPS_WOTLstMnth .fa-light:hover, #tblPPS_WOT2MnthsAgo .fa-light:hover, #tblImgAss .fa-light:hover, #tblPPS_FnlDlvries .fa-light:hover {
		font-weight: bold;
	}

#tblPPS_SmryLstWk td .fa-solid, #tblPPS_SmryThsWk td .fa-solid, #tblPPS_SmryNxtWk td .fa-solid, #tblPPS_Dtls td .fa-solid, #tblPPS_WOTThsMnth td .fa-solid, #tblPPS_WOTLstMnth td .fa-solid, #tblPPS_WOT2MnthsAgo td .fa-solid, #tblImgAss .fa-solid, #tblPPS_FnlDlvries .fa-solid {
	position: absolute;
	top: calc(50% + 1.5px);
	left: 11px;
	transform: translateY(-50%);
	font-size: 18px;
	color: #9b9da3;
	cursor: pointer;
}

#tblPPS_SmryLstWk .cnt-bdge, #tblPPS_SmryThsWk .cnt-bdge, #tblPPS_SmryNxtWk .cnt-bdge, #tblPPS_Dtls .cnt-bdge, #tblPPS_WOTThsMnth .cnt-bdge, #tblPPS_WOTLstMnth .cnt-bdge, #tblPPS_WOT2MnthsAgo .cnt-bdge, #tblImgAss .cnt-bdge, #tblPPS_FnlDlvries .cnt-bdge {
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% + 2px);
	transform: translate(-50%, -50%);
	font-size: 11px;
	color: #ffffff;
	pointer-events: none;
}

.is-flgd {
	color: #cc0000 !important;
}

/* prc */

#tblPPS_SmryLstWk td:nth-child(8), #tblPPS_SmryThsWk td:nth-child(8), #tblPPS_SmryNxtWk td:nth-child(8) {
	position: relative;
	width: 175px;
	min-width: 175px;
	max-width: 175px;
	padding-right: 25px !important;
	white-space: nowrap;
}

	#tblPPS_SmryLstWk td:nth-child(8) .select2-container, #tblPPS_SmryThsWk td:nth-child(8) .select2-container, #tblPPS_SmryNxtWk td:nth-child(8) .select2-container {
		position: relative;
		left: -8px;
	}

#tblPPS_SmryLstWk :nth-child(11), #tblPPS_SmryThsWk :nth-child(11), #tblPPS_SmryNxtWk :nth-child(11), #tblPPS_SmryLstWk :nth-child(12), #tblPPS_SmryThsWk :nth-child(12), #tblPPS_SmryNxtWk :nth-child(12) {
	position: relative;
	width: 124px;
	min-width: 124px;
	max-width: 124px;
	padding: 0 25px 0 15px !important;
	white-space: nowrap;
}

	#tblPPS_SmryLstWk :nth-child(11) input, #tblPPS_SmryThsWk :nth-child(11) input, #tblPPS_SmryNxtWk :nth-child(11) input, #tblPPS_SmryLstWk :nth-child(12) input, #tblPPS_SmryThsWk :nth-child(12) input, #tblPPS_SmryNxtWk :nth-child(12) input {
		position: relative;
		left: -8px;
	}

#tblPPS_FnlDlvries .status-col .select2-container {
	position: relative;
	width: 144px !important;
	left: -8px;
}

#tblPPS_FnlDlvries .username-col {
	width: 145px;
	min-width: 145px;
	max-width: 145px;
	padding-left: 10px;
}

	#tblPPS_FnlDlvries .username-col .select2-container {
		position: relative;
		width: 180px !important;
		left: -8px;
	}

#tblPPS_FnlDlvries .date-col:last-child {
	width: 223px;
	min-width: 223px;
	max-width: 223px;
}

.with-row-icons {
	position: relative;
}

	.with-row-icons:hover {
		font-weight: bold;
		color: #000000;
	}

	.with-row-icons .fa-pen {
		position: absolute !important;
		right: 5px;
		top: 50% !important;
		transform: translateY(-50%);
		color: #000000;
		opacity: 0.2;
	}

	.with-row-icons:hover .fa-pen {
		opacity: 1;
	}

.assigned-plus::before {
	content: '+';
}

.unassigned-equals::before {
	content: '=';
}

tr.title-bar .assigned-plus, tr.title-bar .unassigned-equals {
	top: 5px !important;
}

tr.row-spacer {
	background-color: transparent !important;
	box-shadow: none !important;
}

	tr.row-spacer td {
		height: 15px;
		padding: 0 !important;
		background-color: transparent;
		border: none !important;
	}

/* prpty intrnl cmts pop-in */

#divPrprtyIntrnlCmts {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
}

	#divPrprtyIntrnlCmts .smry-and-add-cmt {
		display: flex;
		flex-direction: column;
		border-right: var(--components-border-light);
		border-bottom: var(--components-border-light);
	}

	/* smry */

	#divPrprtyIntrnlCmts .smry {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 0 5px;
		padding: 15px;
		background-color: var(--components-bg-color);
		border-bottom: var(--components-border);
	}

		/* smry 1st cell */

		#divPrprtyIntrnlCmts .smry > :first-child {
			font-family: OpenSansSemiBold, sans-serif;
			font-size: 14px;
			grid-column: 1 / span 2;
		}

		/* smry lbl cells */

		#divPrprtyIntrnlCmts .smry > :nth-child(even) {
			font-family: OpenSansSemiBold, sans-serif;
		}

	/* cmt */

	#divPrprtyIntrnlCmts #txtPrprtyIntrnlCmt {
		height: 100%;
		resize: none;
		padding: 15px 30px 15px 15px;
		border: none;
		box-shadow: none;
	}

	#divPrprtyIntrnlCmts .add-cmt-pnl .cmt-flg {
		top: auto;
		right: auto;
		bottom: -32px;
		left: 338px;
	}

	/* cmts */

	#divPrprtyIntrnlCmts #divCMTs {
		display: flex;
		flex-direction: column;
		gap: 15px;
		padding: 10px;
	}

		#divPrprtyIntrnlCmts #divCMTs:empty::before {
			content: 'No comments yet.';
		}

	/* cmts pnl */

	#divPrprtyIntrnlCmts .cmts-pnl {
		position: relative;
		min-height: 249px;
		overflow-y: auto;
		padding: 10px;
		border-bottom: var(--components-border);
	}

		/* cmts pnl ldng */

		#divPrprtyIntrnlCmts .cmts-pnl #divLdngIntrnlCmts {
			position: absolute;
			left: 15px;
			top: 15px;
			margin-top: 0;
		}

	#divPrprtyIntrnlCmts .add-cmt-pnl {
		height: 100%;
	}

#divAddFnlDlvryCmt {
	position: relative;
	display: grid;
	grid-template-columns: 625px auto;
	gap: var(--padding-standard);
	padding: var(--padding-standard);
	border-bottom: var(--components-border);
}

#divTtleRltdDlvryCmts {
	position: absolute;
	height: 100%;
	top: -25px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	word-spacing: 0.25em;
	color: #ffffff !important;
	pointer-events: none;
}

#divRltdDlvryCmts {
	width: 461px;
	height: 424px;
	padding: 5px var(--padding-standard);
	overflow-y: auto;
	background-color: var(--components-bg-color);
	border: var(--components-border);
	border-radius: 2px;
}

	#divRltdDlvryCmts:empty::before {
		content: 'No related delivery comments to show.';
		display: inline-block;
		font-size: 12px;
		color: #aaaaaa;
		pointer-events: none;
	}

#divFnlDlvryBeingAdded {
	max-height: 50px;
	padding: var(--padding-standard);
	font-family: OpenSansSemiBold, sans-serif;
	font-size: larger;
}

#btnCxlSrchFnlDlvries {
	width: 22px;
	height: 22px;
	top: 1px !important;
	font-size: 16px !important;
	padding-top: 1px;
}

#tbdyFnlDlvrySrchRslts {
	display: none;
}

	#tbdyFnlDlvrySrchRslts #txtSrchFnlDlvries {
		width: 300px;
		padding-left: 26px;
	}

	#tbdyFnlDlvrySrchRslts .fa-magnifying-glass {
		position: absolute;
		left: 19px;
		top: 18px;
		pointer-events: none;
	}

	#tbdyFnlDlvrySrchRslts .loading-bar {
		width: 300px;
		left: 12px;
		bottom: 13px;
	}

/*#endregion*/

/*#region PGE - PROD - MGE SCNES */

table.manage-scenes > tbody > tr:first-child > td {
	padding-top: var(--padding-standard);
}

/*#endregion*/

/*#region PGE - PROD - MY TMECRD */

#btnAddTimeEntry {
	width: 155px;
	height: 28px;
	background-image: url(/media//Images/add-icon-for-button.png);
	background-repeat: no-repeat;
	background-position: 15px 7px;
	text-align: left;
	padding-left: 35px !important;
}

/*#region My Timecard Menu Button */

#mtcMenu {
	position: relative;
	display: inline-block;
	border: solid 1px transparent;
	background: url(/media/Images/clock.png) 15px 5px no-repeat;
	padding: 5px 35px 5px 35px;
	transition: all 0.1s linear;
	border-radius: 14px;
}

	#mtcMenu:hover {
		background-color: #f2f2f2;
		border: var(--components-border);
		box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
	}

#mtcMenuText {
	display: inline;
	font-size: 14px;
}

#mtcMenuTime {
	display: inline;
	font-size: 14px;
}

	#mtcMenuTime.timer-on {
		color: #ea0000;
	}

#mtcMenuExpander {
	position: absolute;
	right: 13px;
	top: 5px;
	width: 15px;
	height: 15px;
	background: url(/media/Images/arrow-down.png) 0 7px no-repeat;
	pointer-events: none;
	transition: all 0.1s linear;
}

	#mtcMenuExpander.collapsed {
		background-image: url(/media/Images/arrow-up.png);
	}

/*#endregion*/

/*#region My Timecard Dropdown Window */

#mtcDropdown {
	display: none;
	position: absolute;
	width: 350px;
	right: 15px;
	top: 68px;
	text-align: left;
	padding: 2px;
	background-color: #ffffff;
	border: var(--components-border);
	border-radius: 14px;
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.15);
	z-index: 1;
}

#mtcDropdownPopupTimer {
	position: absolute;
	width: 32px;
	height: 32px;
	right: 34px;
	top: 2px;
	background: transparent url(/media/Images/open-new-window-icon-white.png) 4px 7px no-repeat;
	background-size: 14px auto;
	transition: all 0.1s linear;
}

	#mtcDropdownPopupTimer:hover {
		background-color: rgba(0, 0, 0, 0.35);
	}

#mtcDropdownCloseButton {
	position: absolute;
	width: 32px;
	height: 32px;
	line-height: 19px;
	right: 2px;
	top: 2px;
	font-size: 25px;
	color: #ffffff;
	padding: 2px 3px 5px 7px;
	border-top-right-radius: 3px;
	transition: all 0.1s linear;
}

	#mtcDropdownCloseButton:hover {
		background-color: rgba(0, 0, 0, 0.35);
	}

/*#endregion*/

/*#region My Timecard Current Project */

#mtcCurrentProject {
	height: auto;
	transition: all 0.1s linear;
}

	#mtcCurrentProject.no-current-project {
	}

#mtcCurrentProjectContainer {
	height: 98px;
	margin-bottom: 10px;
	background-color: var(--components-bg-color);
	border: var(--components-border);
	border-top: none;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.no-current-project #mtcCurrentProjectContainer {
	height: auto;
}

.no-current-project .mtc-project-container {
	display: none;
}

#mtcNoCurrentProject {
	display: none;
	font-size: 11px;
}

.no-current-project #mtcNoCurrentProject {
	display: block;
	padding: var(--padding-standard);
}

#mtcCurrentProjectWorkRole {
	position: absolute;
	left: 15px;
	top: 65px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 12px;
}

#mtcCurrentProjectTimeContainer {
	position: absolute;
	right: 60px;
	top: 64px;
	text-align: center;
	margin: 0 auto;
}

.timer-on #mtcCurrentProjectTimeContainer {
	top: 59px;
}

#mtcCurrentProjectHrsMins {
	display: inline-block;
	position: relative;
	font-size: 12px;
}

.timer-on #mtcCurrentProjectHrsMins {
	display: inline-block;
	position: relative;
	font-size: 19px;
}

#mtcCurrentProjectSecs {
	display: inline-block;
	position: relative;
	left: -3px;
	font-size: 12px;
}

.timer-on #mtcCurrentProjectSecs {
	display: inline-block;
	position: relative;
	font-size: 14px;
}

#mtcCurrentProjectTotalTime {
	display: inline-block;
	position: relative;
	left: -3px;
	font-size: 10px;
}

.timer-on #mtcCurrentProjectTotalTime {
	display: none;
	position: relative;
	font-size: 11px;
}

#mtcCurrentProjectContainer .mtc-clock-button {
	top: 56px;
}

/*#endregion*/

/*#region My Timecard Find Project */

#mtcWorkRoleContainer {
	height: 200px;
	max-height: 200px;
	text-align: left;
	overflow-y: auto;
}

#mtcFindProjectTextContainer {
	padding: var(--padding-standard);
	margin-bottom: 10px;
	background-color: var(--components-bg-color);
	border: solid 1px #bbbbbb;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.popup-timecard #mtcFindProjectTextContainer {
	margin-bottom: 0;
}

#mtcFindProjectText {
	width: 100%;
	font-size: 11px;
}

.autocomplete-suggestions[data-for-element='mtcFindProjectText'] {
	cursor: default;
}

	.autocomplete-suggestions[data-for-element='mtcFindProjectText'] .autocomplete-suggestion {
		padding: 0;
		background-color: #ffffff;
	}

	.autocomplete-suggestions[data-for-element='mtcFindProjectText'] .autocomplete-no-suggestion {
		font-size: 11px;
	}

/*#endregion*/

/*#region My Timecard Header */

.mtc-header {
	height: 28px;
	font-size: 13px;
	letter-spacing: 0.05em;
	word-spacing: 0.25em;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
	padding: 4px 0 0 var(--padding-standard);
	background-image: var(--title-bar-linear-gradient);
	border-bottom: solid 1px #ffffff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

/*#endregion*/

/*#region My Timecard Projects For This Property */

#mtcProjectsForThisProperty {
}

#mtcProjectsForThisPropertyContainer {
}

/*#endregion*/

/*#region My Timecard Projects I've Worked On */

#mtcProjectsIveWorkedOnHeader {
	padding-top: 5px;
	cursor: pointer;
}

#mtcProjectsIveWorkedOnExpander {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	background: url(/media/Images/arrow-down-white.png) 0 7px no-repeat;
	pointer-events: none;
	transition: all 0.1s linear;
}

	#mtcProjectsIveWorkedOnExpander.collapsed {
		background-image: url(/media/Images/arrow-up-white.png);
	}

#mtcProjectsIveWorkedOnContainer {
	max-height: 230px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: var(--components-bg-color);
	border: solid 1px #bbbbbb;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

#mtcNoProjectsIveWorkedOn {
	font-size: 11px;
	padding: var(--padding-standard);
}

/*#endregion*/

/*#region My Timecard Administration Button */

#mtcMyTimecardAdministration {
	margin-top: 10px;
	border-radius: 3px;
}

.mtc-my-timecard-administration {
	width: 100%;
	height: 35px;
	border-radius: 3px;
}

	.mtc-my-timecard-administration:focus {
		border-radius: 3px;
	}

/*#endregion*/

/*#region My Timecard Project */

.mtc-project-container {
	position: relative;
	padding: var(--padding-standard);
	border-top: solid 1px #bbbbbb;
}

	.mtc-project-container.disabled {
		opacity: 0.5;
		pointer-events: none;
	}

	.mtc-project-container:first-child {
		padding-top: 14px;
		border-top: none;
	}

	.mtc-project-container:last-child {
		height: 51px;
	}

	.mtc-project-container:only-child {
		height: 58px;
	}

.autocomplete-suggestion .mtc-project-container:only-child {
	height: 43px;
}

.autocomplete-suggestion:last-child .mtc-project-container {
	margin-bottom: var(--margin-standard);
}

.autocomplete-suggestion .mtc-account-info, .autocomplete-suggestion .mtc-project-info {
	font-size: 11px !important;
}

.mtc-project-container:first-child .mtc-clock-button {
	top: 15px;
}

.mtc-account-info {
	width: calc(100% - 50px);
	font-family: OpenSansSemiBold, sans-serif;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.mtc-project-info {
	font-size: 11px;
	white-space: nowrap;
	width: calc(100% - 50px);
	overflow: hidden;
	text-overflow: ellipsis;
}

#mtcCurrentProjectInfo.mtc-account-info, #mtcCurrentProjectInfo.mtc-project-info {
	max-width: 320px;
}

/*#endregion*/

/*#region My Timecard Project Start/Stop Clock Button */

.mtc-clock-button {
	position: absolute;
	width: 32px;
	height: 28px;
	right: 15px;
	top: 7px;
	font-size: 16px;
	padding: 2px 0 0 0;
	background-color: #85ba1f;
	pointer-events: all;
}

	.mtc-clock-button:hover, .mtc-clock-button:focus {
		font-size: 16px;
		padding: 2px 0 0 0;
		background-color: #648c18;
	}

.timer-on .mtc-clock-button {
	background-color: #e00000 !important;
}

	.timer-on .mtc-clock-button:hover, .timer-on .mtc-clock-button:focus {
		background-color: #b30000 !important;
	}

.mtc-clock-button.disabled {
	background-color: #999999;
	pointer-events: none;
}

/*#endregion*/

/*#region My Timecard Select Work Role */

#mtcWorkRole {
	position: absolute;
	display: none;
	width: 277px;
	right: 75px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	border-top: none;
	border-radius: 3px;
	z-index: 10000;
}

#mtcWorkRoleCloseButton {
	position: absolute;
	line-height: 15px;
	right: 0;
	top: 1px;
	font-size: 15px;
	color: #ffffff;
	padding: 5px;
	transition: all 0.1s linear;
}

.mtc-work-role-type {
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 11px;
	padding: 5px var(--padding-standard);
	background-color: #e0e0e0;
	pointer-events: none;
}

.mtc-work-role-item {
	font-size: 11px;
	cursor: pointer;
	padding: 5px var(--padding-standard);
	transition: all 0.1s linear;
}

	.mtc-work-role-item:hover {
		background-color: #f0f0f0;
	}

/*#endregion*/

/*#region My Timecard Popup */

.popup-timecard #mtcMenu {
	display: none;
}

.popup-timecard #mtcDropdown {
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	background-color: #ffffff;
	border: none;
	box-shadow: none;
}

.popup-timecard .mtc-header {
	font-size: 14px;
	padding-top: 4px;
	height: 28px;
}

.popup-timecard #mtcDropdownPopupTimer {
	display: none;
}

.popup-timecard #mtcDropdownCloseButton {
	display: none;
}

.popup-timecard #mtcCurrentProjectContainer {
	height: 108px;
}

.popup-timecard #mtcNoCurrentProject {
	height: 108px;
	font-size: 14px;
	padding-top: 46px;
	text-align: center;
}

.popup-timecard .mtc-account-info {
	font-size: 12px;
}

.popup-timecard .mtc-account-info {
}

.popup-timecard .mtc-project-info {
	font-size: 12px;
}

.popup-timecard #mtcCurrentProjectWorkRole {
	font-size: 12px;
}

.popup-timecard #mtcCurrentProjectContainer .mtc-clock-button {
	width: 32px;
	height: 28px;
	left: auto;
	top: 56px;
	right: 15px;
	font-size: 16px;
	padding: 2px 0 0 0;
	background-color: #85ba1f;
	pointer-events: all;
}

	.popup-timecard #mtcCurrentProjectContainer .mtc-clock-button:hover {
		background-color: #648c18;
	}

.popup-timecard .timer-on #mtcCurrentProjectTimeContainer {
	top: 54px;
}

.popup-timecard #mtcCurrentProjectTimeContainer {
	top: 61px;
	right: 70px;
}

.popup-timecard .timer-on #mtcCurrentProjectHrsMins {
	font-size: 28px;
}

.popup-timecard .timer-on #mtcCurrentProjectSecs {
	font-size: 28px;
}

.popup-timecard #mtcCurrentProjectHrsMins {
	font-size: 18px;
}

.popup-timecard #mtcCurrentProjectSecs {
	font-size: 15px;
}

.popup-timecard #mtcCurrentProjectTotalTime {
	font-size: 12px;
}

.popup-timecard #mtcMyTimecardAdministration {
	display: none;
}

.popup-timecard #mtcProjectsIveWorkedOn {
	display: none;
}

.popup-timecard #mtcWorkRole {
	position: absolute;
	display: none;
	width: 100%;
	right: auto;
	left: 0;
	top: 0;
	border: none;
}

	.popup-timecard #mtcWorkRole .mtc-header {
		height: 28px;
		padding-top: 4px;
	}

.popup-timecard #mtcWorkRoleContainer {
	height: 194px;
	max-height: 194px;
	overflow-y: auto;
}

/*#endregion*/

/*#region My Timecard Summary */

#divMyTimecardSummary {
	position: fixed;
	width: 100%;
	height: 125px;
	left: 0;
	bottom: 0;
	background-color: #ffffff;
	background-image: linear-gradient(to bottom, #888888 25px, #ffffff 25px);
	box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.085);
}

.my-timecard-summary-title-container {
	position: absolute;
	width: 250px;
	height: 125px;
	left: 0;
	top: 0;
}

.my-timecard-summary-title {
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	letter-spacing: 0.05em;
	word-spacing: 0.25em;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	background-color: #888888;
	border-right: solid 1px #cccccc;
}

.my-timecard-summary-title-date {
	width: 100%;
	height: 100px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 23px;
	color: #666666;
	text-align: center;
	padding-top: 14px;
	background-color: #f0f0f0;
	border-right: solid 1px #f9f9f9;
}

.my-timecard-summary-days-container {
	position: absolute;
	width: calc(100% - 250px);
	height: 125px;
	left: 250px;
	top: 0;
	white-space: nowrap;
	font-size: 0px;
	letter-spacing: 0;
	word-spacing: 0;
	overflow-x: auto;
	overflow-y: hidden;
}

	.my-timecard-summary-days-container.has-scrollbar .my-timecard-summary-day-time input {
		position: relative;
		top: -12px;
	}

.my-timecard-summary-day-container {
	display: inline-block;
	width: 160px;
	height: 125px;
	cursor: pointer;
}

	.my-timecard-summary-day-container:hover .my-timecard-summary-day-title {
		background-color: #555555;
	}

	.my-timecard-summary-day-container:hover .my-timecard-summary-day-time {
		background-color: #e0e0e0;
	}

	.my-timecard-summary-day-container.today:hover .my-timecard-summary-day-time {
		background-color: #a18532;
	}

.my-timecard-summary-day-title {
	width: 100%;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 0.05em;
	word-spacing: 0.25em;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	background-color: #888888;
	border-right: solid 2px #cccccc;
	pointer-events: none;
	transition: all 0.1s linear;
}

.my-timecard-summary-day-time {
	width: 100%;
	height: 100px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 25px;
	text-align: center;
	color: #666666;
	padding-top: 14px;
	background-color: #f0f0f0;
	border-right: solid 1px #bbbbbb;
	pointer-events: none;
}

	.my-timecard-summary-day-time input {
		width: 21px;
		height: 21px;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 15px;
		padding: 0;
		margin: 0;
		background-color: #bbbbbb;
		pointer-events: none;
	}

#divMyTimecardSummary:hover input {
	color: #ffffff;
	background-color: var(--highlight-color);
}

#divMyTimecardSummary:hover .today input {
	color: var(--highlight-color);
	background-color: #ffffff;
}

.my-timecard-summary-day-container.today:hover input {
	color: #a18532 !important;
	background-color: #ffffff !important;
}

.odd .my-timecard-summary-day-time {
	background-color: #ffffff;
}

.today .my-timecard-summary-day-time {
	color: #ffffff;
	background-color: var(--highlight-color);
}

	.today .my-timecard-summary-day-time input {
		color: var(--highlight-color);
		background-color: #eee1be;
	}

/*#endregion*/

/*#endregion*/

/*#region PGE - PROD - MY TMECRD ADMIN */

.cell-add-time-entry {
	padding: var(--padding-standard);
	background-color: #f0f0f0;
}

.add-time-entry-button {
	display: inline-block;
}

#txtAddTimeEntryDate, #txtEditTimeEntryDate {
	width: 79px;
}

#txtAddTimeEntryFindProject, #txtEditTimeEntryFindProject {
	width: 440px;
}

#divAddTimeEntryTotalTime, #divEditTimeEntryTotalTime {
	display: inline-block;
	font-family: OpenSansSemiBold, sans-serif;
	padding-left: var(--padding-standard);
}

.time-entry-user-dropdown {
	display: inline-block;
	padding-top: 3px;
}

.time-entry-list-view {
	display: inline-block;
	padding-top: 3px;
	padding-right: var(--padding-standard);
}

#divTimeEntries {
	overflow: auto;
	border: var(--components-border);
	border-top: none;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

#tblTimeEntriesHeader {
	display: block;
	overflow-x: hidden;
	background-color: #d9d9d9;
}

.cell-time-entry-date-header {
	width: 80px;
	min-width: 80px;
	max-width: 80px;
	padding-left: var(--padding-standard);
	font-size: 11px;
}

.cell-time-entry-date {
	width: 80px;
	min-width: 80px;
	max-width: 80px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 11px;
	white-space: nowrap;
	padding-left: var(--padding-standard);
}

.cell-time-entry-project-name-header {
	white-space: nowrap;
	padding-right: var(--padding-standard);
	font-size: 11px;
}

.cell-time-entry-project-name {
	white-space: nowrap;
	padding-right: var(--padding-standard);
	font-size: 11px;
}

.cell-time-entry-work-role-name-header {
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	white-space: nowrap;
	padding-right: var(--padding-standard);
	font-size: 11px;
}

.cell-time-entry-work-role-name {
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	white-space: nowrap;
	padding-right: var(--padding-standard);
	font-size: 11px;
}

.cell-time-entry-time-header {
	width: 125px;
	min-width: 125px;
	max-width: 125px;
	white-space: nowrap;
	padding: 0;
	font-size: 11px;
}

.cell-time-entry-time {
	width: 125px;
	min-width: 125px;
	max-width: 125px;
	white-space: nowrap;
	padding: 0;
	font-size: 11px;
}

.cell-time-entry-task-time-header, .cell-time-entry-day-time-header, .cell-time-entry-total-time-header {
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	padding: 0;
	white-space: nowrap;
	font-size: 11px;
}

.cell-time-entry-task-time, .cell-time-entry-day-time {
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	padding: 0;
	white-space: nowrap;
	font-size: 11px;
}

.cell-time-entry-total-time {
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	white-space: nowrap;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 11px;
	padding: 0;
}

.cell-time-entry-actions-header {
	width: 85px;
	min-width: 85px;
	max-width: 85px;
	white-space: nowrap;
	padding-right: var(--padding-standard);
	font-size: 11px;
}

.cell-time-entry-actions {
	width: 85px;
	min-width: 85px;
	max-width: 85px;
	white-space: nowrap;
	padding-right: var(--padding-standard);
	font-size: 11px;
}

	.cell-time-entry-actions a {
		font-family: OpenSansSemiBold, sans-serif;
	}

/*#endregion*/

/*#region PGE - PROD - PRJ ADMIN */

#txtAddProjectName, #txtEditProjectName {
	width: 100%;
}

#txtAddProjectSalesforceJobID, #txtEditProjectSalesforceJobID {
	width: 50%;
}

#txtAddProjectDescription, #txtEditProjectDescription {
	width: calc(100% - 10px);
	padding: 3px;
	background-color: #ffffff;
}

.cell-project-admin-breadcrumb {
	color: #666666;
	padding: 5px var(--padding-standard);
	background-color: #f0f0f0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.span-project-admin-breadcrumb-item {
	display: inline-block;
	font-family: OpenSansSemiBold, sans-serif;
	padding-left: 25px;
	background: url(/media/Images/folder.png) 0 2px no-repeat;
}

	.span-project-admin-breadcrumb-item a {
		color: #777777;
	}

		.span-project-admin-breadcrumb-item a:hover {
			color: var(--highlight-color);
		}

.span-project-admin-breadcrumb-arrow {
	display: inline-block;
	position: relative;
	width: 27px;
	height: 9px;
	top: 1px;
	background: url(/media/Images/arrow-right.png) 11px 0 no-repeat;
}

#btnAddProject, #btnAddProject:focus, #btnAddProjectFixed, #btnAddProjectFixed:focus {
	width: 130px;
	height: 28px;
	background-image: url(/media/images/add-icon-for-button.png);
	background-repeat: no-repeat;
	background-position: 15px 7px;
	text-align: left;
	padding-left: 35px !important;
	padding-top: 4px;
}

#btnAddTimeEntry {
	width: 155px;
	height: 28px;
	background-image: url(/media//Images/add-icon-for-button.png);
	background-repeat: no-repeat;
	background-position: 15px 7px;
	text-align: left;
	padding-left: 35px !important;
}

#divAddProjectFixed {
	display: none;
	position: fixed;
	width: 100%;
	height: 50px;
	left: 0;
	bottom: 0;
	text-align: center;
	padding-top: 20px;
	background-color: #f2f2f2;
	border-top: solid 1px #bbbbbb;
	box-shadow: 0px -7px 20px 0px rgba(0, 0, 0, 0.12);
}

.cell-add-project {
	padding: 0 var(--padding-standard);
	text-align: center;
}

.add-project-button {
	display: inline-block;
}

.project-list-view {
	display: inline-block;
	padding-top: 3px;
	margin-right: 10px;
}

	.project-list-view select {
		width: 175px;
	}

.cell-project-name-header {
	padding: 3px 3px 3px var(--padding-standard);
}

.cell-project-type-header {
	width: 130px;
}

.cell-project-id-header {
	width: 105px;
	padding: 3px;
}

.cell-project-actions-header {
	width: 170px;
	padding: 3px var(--padding-standard) 3px 3px;
}

.cell-project-name {
	padding-left: var(--padding-standard);
}

.cell-project-type {
	width: 130px;
}

.cell-project-id {
	width: 105px;
}

.cell-project-actions {
	width: 170px;
	padding-right: var(--padding-standard);
}

/*#endregion*/

/*#region PGE - PROD - PRPRTY IMGES */

.property-images.title-bar {
	height: 15px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 5px var(--padding-standard);
	background-color: #d6d6d6;
	background-image: none;
	border: solid 1px #bbbbbb;
	border-bottom: none;
}

.property-images.title-bar {
	width: 413px;
}

.property-images.title-bar {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.page-content-propertyimages .thumbnail-container {
	width: 252px;
	min-width: 252px;
	max-width: 252px;
}

	.page-content-propertyimages .thumbnail-container > .thumbnail {
		width: 257px;
		height: 171px;
	}

		.page-content-propertyimages .thumbnail-container > .thumbnail > img {
			min-width: auto;
			max-width: unset;
			height: auto;
			min-height: auto;
			max-height: 171px;
		}

			.page-content-propertyimages .thumbnail-container > .thumbnail > img.vertical {
				height: 161px;
				min-height: 161px;
				max-height: 161px;
			}

.page-content-propertyimages .content-metadata-container {
	min-width: auto;
}

	.page-content-propertyimages .content-metadata-container > div {
		height: 171px;
	}

.page-content-propertyimages .metadata-grid {
	width: 100%;
}

.page-content-propertyimages .content-status {
	margin-left: 15px;
}

.page-content-propertyimages .selectize-input {
	max-width: revert !important;
}

.page-content-propertyimages .comment-history-container > .styled-text-box {
	height: 171px;
}

/*#endregion*/

/*#region PGE - PROD - QC1 */

.page-content-qc1 main > div, .page-content-qc1 main > table {
	max-width: 1364px !important;
}

/*#endregion*/

/*#region PGE - PROD - QC2 */

.page-content-qc2 main > div, .page-content-qc2 main > table {
	max-width: 1364px !important;
}

/*#endregion*/

/*#region PGE - PROD - QC3 */

.pg-cntnt-qc3 main > div, .pg-cntnt-qc3 main > table {
	max-width: 1250px !important;
}

.secondary-menu.views button {
	font-size: 17px;
	background-image: var(--linear-gradient-gray);
}

	.secondary-menu.views button:hover {
		background-image: var(--linear-gradient-gray-hover);
	}

	.secondary-menu.views button.selected {
		background-image: var(--highlight-bg-image);
		cursor: default;
	}

.secondary-menu.views > :last-child {
	cursor: default;
}

.pg-cntnt-qc3 .account-info-container {
	width: 615px;
}

.pg-cntnt-qc3 .content-metadata-container {
	padding: var(--padding-standard) var(--padding-standard) 7px var(--padding-standard);
}

	.pg-cntnt-qc3 .content-metadata-container .selectize-input {
		height: 28px;
	}

.pg-cntnt-qc3 .metadata-grid {
	grid-template-columns: repeat(2, auto 1fr);
}

.pg-cntnt-qc3 .content-actions-container {
	width: 325px;
	min-width: 325px;
	max-width: 325px;
	padding: 0 0 0 12px;
}

	.pg-cntnt-qc3 .content-actions-container .border-box {
		height: 143px;
	}

.pg-cntnt-qc3 .actions-items {
	min-height: 127px;
	margin-bottom: 12px;
	border-radius: 0 0 0 3px;
}

[data-view=gallery] .actions-items {
	max-height: 126px;
	min-height: 126px;
	border-radius: 3px 0 0 3px;
}

[data-view=uproc-proc] .metadata-grid > :nth-child(7) {
	grid-column-end: span 2;
}

.thumbnails .actions-and-comments {
	display: flex;
	flex-direction: row;
	margin-top: 3px;
}

.thumbnails .content-actions-container {
	display: flex;
	flex-direction: row;
	width: auto;
	min-width: auto;
	padding: 0;
}

.thumbnails .actions-items {
	padding-right: 12px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
}

.pg-cntnt-qc3 .add-content-comment-container {
	width: 287px;
	min-width: 287px;
	max-width: 287px;
	padding-top: 0;
}

	.pg-cntnt-qc3 .add-content-comment-container textarea {
		display: block;
		width: 100%;
		height: 127px;
		border-radius: 0;
	}

[data-view=gallery] .add-content-comment-container textarea {
	width: 258px;
}

.thumbnails .add-content-comment-container {
	width: 100%;
	min-width: 100%;
	padding-top: 0;
}

	.thumbnails .add-content-comment-container textarea {
		border-radius: 0 3px 0 0;
		height: 50px;
	}

.pg-cntnt-qc3 .comment-history-container {
	width: 600px;
	min-width: 600px;
	max-width: 600px;
	padding: 0;
}

.thumbnails .comment-history-container {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-top: 0;
}

	.thumbnails .comment-history-container .styled-text-box {
		height: 97px;
		border-top: none;
		border-radius: 0 0 3px 0;
	}

[data-view=gallery] .styled-text-box {
	width: 258px;
	height: 76px !important;
}

.pg-cntnt-qc3 table > tbody > tr:last-child .border-bottom {
	border-bottom: none !important;
}

.pg-cntnt-qc3 .comment-history-container > .styled-text-box {
	height: 127px;
}

/*#endregion*/

/*#region PGE - PROD - RTG/REV */

.page-home-rtg-rev main > div, .page-home-rtg-rev main > table {
	max-width: 1407px !important;
}

/*#endregion*/

/*#region PGE - PROD - TSK ADMIN / GANTT CHART */

.page-admin-tasks2 main > div, .page-admin-tasks2 main > table {
	max-width: 1435px !important;
}

/* tsks/dtls cntnr */

#divTsksAndDtls {
	display: grid;
	grid-template-columns: 993px 555px;
	margin-bottom: 15px !important;
}

	/* tsks/dtls titles */

	#divTsksAndDtls > :first-child, #divTsksAndDtls > :nth-child(2) {
		height: 32px;
		line-height: 32px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		white-space: nowrap;
		color: #ffffff;
		padding: 0 17px 0 12px;
		background-image: var(--title-bar-linear-gradient);
	}

	#divTsksAndDtls > :nth-child(2) {
		border-top-right-radius: 3px;
	}

	/* tsks title */

	#divTsksAndDtls > :first-child {
		position: relative;
		border-right: var(--components-border-light);
		border-top-left-radius: 3px;
	}

		#divTsksAndDtls > :first-child > .req-by {
			position: absolute;
			right: 438px;
		}

		#divTsksAndDtls > :first-child > .ass-to {
			position: absolute;
			right: 294px;
		}

		#divTsksAndDtls > :first-child > .est-hrs {
			position: absolute;
			right: 186px;
		}

		#divTsksAndDtls > :first-child > .dte-end {
			position: absolute;
			right: 100px;
		}

		#divTsksAndDtls > :first-child > :first-child {
		}

	/* dtls title txt */

	#divTsksAndDtls #divTskDtlsTtleTxt {
		max-width: 669px;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-right: 15px;
	}

	/* tsks/dtls title btns  */

	#divTsksAndDtls > :first-child > :last-child, #divTsksAndDtls > :nth-child(2) > :last-child {
		display: flex;
		flex-direction: row;
	}

	#divTsksAndDtls > :first-child button, #divTsksAndDtls > :nth-child(2) button {
		width: 35px;
		height: 32px;
		font-size: 16px;
		padding: 5px;
		border-right: var(--components-border-light);
		border-radius: 0;
		box-sizing: border-box;
	}

		#divTsksAndDtls > :first-child button:first-of-type, #divTsksAndDtls > :nth-child(2) button:first-of-type {
			border-left: var(--components-border-light);
		}

	/* unarc tsk btn */

	#divTsksAndDtls #btnUnarcTsk {
		display: none;
	}

	/* tsks/dtls cntnt */

	#divTsksAndDtls > :nth-child(3), #divTsksAndDtls > :nth-child(4) {
		background-color: var(--components-bg-color);
		border-right: var(--components-border);
		border-bottom: var(--components-border);
		overflow-y: auto;
	}

	/* tsks cntnt */

	#divTsksAndDtls #divTsks {
		height: 606px;
		padding: 12px;
		overflow-y: auto;
		background-color: var(--components-bg-color);
		border-left: var(--components-border);
		border-right: var(--components-border);
		border-bottom: var(--components-border);
		user-select: none;
	}

		/* tsks sub-title "archive" */

		#divTsksAndDtls #divTsks > .sub-title {
			border-top: var(--components-border-light);
			text-transform: uppercase;
			font-family: OpenSansSemiBold, Arial, sans-serif;
			margin: var(--margin-standard) 0 12px 0;
			padding-top: var(--margin-standard);
		}

		#divTsksAndDtls #divTsks .req-by {
			position: absolute;
			max-width: 120px;
			left: 492px;
			top: 50%;
			text-overflow: ellipsis;
			overflow-x: hidden;
			transform: translateY(-50%);
		}

		#divTsksAndDtls #divTsks .ass-to {
			position: absolute;
			max-width: 120px;
			left: 605px;
			top: 50%;
			text-overflow: ellipsis;
			overflow-x: hidden;
			transform: translateY(-50%);
		}

		#divTsksAndDtls #divTsks .est-hrs {
			position: absolute;
			width: 59px;
			left: 718px;
			top: 50%;
			transform: translateY(-50%);
			text-align: right;
		}

		#divTsksAndDtls #divTsks .dte-end {
			position: absolute;
			width: 68px;
			left: 811px;
			top: 50%;
			transform: translateY(-50%);
			text-align: center;
		}

		#divTsksAndDtls #divTsks .node[data-nde-lvl="0"] .node-title {
			max-width: 430px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		#divTsksAndDtls #divTsks .node[data-nde-lvl="1"] .node-title {
			max-width: 405px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		#divTsksAndDtls #divTsks .node[data-nde-lvl="2"] .node-title {
			max-width: 380px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		#divTsksAndDtls #divTsks .node[data-nde-lvl="3"] .node-title {
			max-width: 355px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		#divTsksAndDtls #divTsks .node[data-nde-lvl="4"] .node-title {
			max-width: 330px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

	/* dtls cntnt */

	#divTsksAndDtls #divTskDtls {
		display: flex;
		flex-direction: column;
		gap: 15px;
		overflow-x: hidden;
		padding: 12px 17px 12px 12px;
	}

		#divTsksAndDtls #divTskDtls > :first-child > :first-child {
			display: grid;
			grid-template-columns: auto 1fr;
			column-gap: 15px;
			row-gap: 5px;
		}

			#divTsksAndDtls #divTskDtls > :first-child > :first-child > :nth-child(odd) {
				white-space: nowrap;
				font-family: OpenSansSemiBold, sans-serif;
				padding-top: 5px;
			}

			#divTsksAndDtls #divTskDtls > :first-child > :first-child input {
				width: 100%;
			}

			#divTsksAndDtls #divTskDtls > :first-child > :first-child select {
				width: calc(100% - 60px);
			}

		#divTsksAndDtls #divTskDtls > :last-child .note-frame {
		}

		#divTsksAndDtls #divTskDtls > :last-child .note-editing-area {
		}

/* vert resize */

#divVrtRsz {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	position: absolute;
	min-width: 1548px !important;
	width: 1548px !important;
	height: 15px;
	left: 300px;
	top: 740px;
	font-size: 15px;
	color: #c8c8c8;
	text-align: center;
	background-color: var(--components-bg-color);
	border-left: var(--components-border);
	border-right: var(--components-border);
	cursor: ns-resize;
	z-index: 1;
}

	#divVrtRsz:hover {
		background-image: none;
		background-color: #e8e8e8;
		color: #666666;
	}

	#divVrtRsz .grip-up-dn {
		position: relative;
		top: -3px;
		color: #777777;
		white-space: nowrap;
	}

	#divVrtRsz:hover .grip-up-dn {
		color: #000000;
	}

/* docs/cmts/subs cntnr */

#divFlesSubsCmts {
	display: grid;
	grid-template-columns: 553px 440px 555px;
}

	/* docs/cmts/subs titles */

	#divFlesSubsCmts > :first-child, #divFlesSubsCmts > :nth-child(2), #divFlesSubsCmts > :nth-child(3) {
		height: 32px;
		line-height: 32px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		white-space: nowrap;
		color: #ffffff;
		padding: 0 17px 0 12px;
		background-image: var(--title-bar-linear-gradient);
	}

		/* disabled btns */

		#divFlesSubsCmts > :first-child button.disabled, #divFlesSubsCmts > :nth-child(2) button.disabled, #divFlesSubsCmts > :nth-child(3) button.disabled {
			background-image: none;
		}

	/* docs title */

	#divFlesSubsCmts > :first-child {
		border-right: var(--components-border-light);
	}

		#divFlesSubsCmts > :first-child > :last-child {
			display: flex;
			flex-direction: row;
		}

		#divFlesSubsCmts > :first-child #btnUplDocsFldrsCxl {
			display: none;
		}

	/* cmts title */

	#divFlesSubsCmts > :nth-child(2) {
		border-right: var(--components-border-light);
	}

		#divFlesSubsCmts > :nth-child(2) > :first-child {
			margin-right: 15px;
		}

	/* subs title */

	#divFlesSubsCmts > :nth-child(3) {
	}

		#divFlesSubsCmts > :nth-child(3) > :last-child {
			display: flex;
			flex-direction: row;
		}

		/* docs/cmts/subs title btns  */

		#divFlesSubsCmts > :first-child button, #divFlesSubsCmts > :first-child label, #divFlesSubsCmts > :nth-child(2) button, #divFlesSubsCmts > :nth-child(3) button {
			width: 35px;
			height: 32px;
			font-size: 16px;
			padding: 5px;
			border-right: var(--components-border-light);
			border-radius: 0;
			box-sizing: border-box;
		}

			#divFlesSubsCmts > :first-child button:first-of-type, #divFlesSubsCmts > :nth-child(2) button:first-of-type, #divFlesSubsCmts > :nth-child(3) button:first-of-type {
				border-left: var(--components-border-light);
			}

	#divFlesSubsCmts > :first-child label {
		border: none;
		border-right: var(--components-border-light);
	}

		#divFlesSubsCmts > :first-child label > button {
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			margin: 0;
			border: none;
			border-radius: 0;
		}

	#divFlesSubsCmts > :nth-child(3) {
	}

		#divFlesSubsCmts > :nth-child(3) > :first-child {
			margin-right: 15px;
		}

		#divFlesSubsCmts > :nth-child(3) #btnSrchCmtsClse {
			display: none;
		}

	#divFlesSubsCmts mark {
		font-family: 'OpenSansSemiBold';
		font-style: italic;
		padding: 2px 5px;
	}

	/***************************************************************
	 FLDRS/FLES
	****************************************************************/

	/* fldrs/fles cntnt */

	#divFlesSubsCmts > :nth-child(4) {
		min-height: 100px;
		background-color: var(--components-bg-color);
		border-left: var(--components-border);
		border-right: var(--components-border-light);
		border-bottom: var(--components-border);
		border-bottom-left-radius: 3px;
	}

		/* upl fldrs/fles */

		#divFlesSubsCmts > :nth-child(4) > :nth-child(2) {
			min-height: 87px;
			padding: 32px 12px 0 12px;
		}

		#divFlesSubsCmts > :nth-child(4) > :first-child .inputfile + label {
			width: 100%;
		}

		/* fldrs/fles drpd */

		#divFlesSubsCmts > :nth-child(4) #divFlesDrp {
			min-height: 62px;
			max-height: 400px;
			overflow-y: auto;
			margin: 12px;
			background-color: #ffffff;
			border-radius: 3px;
			border: var(--components-border-dark);
		}

			#divFlesSubsCmts > :nth-child(4) #divFlesDrp .summary {
				font-family: OpenSansSemiBold, sans-serif;
				padding: 8px 5px 5px 8px;
			}

			#divFlesSubsCmts > :nth-child(4) #divFlesDrp:empty::after {
				text-align: center;
				width: 100%;
				height: 100%;
				content: "Drag local folders and files onto this page to upload.";
				display: inline-block;
				padding-top: 21px;
			}

			#divFlesSubsCmts > :nth-child(4) #divFlesDrp:not(:empty)::after {
				display: none;
			}

		#divFlesSubsCmts > :nth-child(4) #divFles {
			max-height: 744px;
			overflow-y: auto;
			padding: 12px;
			border-top: var(--components-border);
		}

			/* fldrs/fles empty */

			#divFlesSubsCmts > :nth-child(4) #divFles:empty::before {
				content: 'No files yet.';
			}

			#divFlesSubsCmts > :nth-child(4) #divFles .node .fa-trash, #divFlesSubsCmts > :nth-child(4) #divFles .node .fa-pen {
				display: inline-block;
				position: relative;
				top: -4px;
				opacity: 0.2;
			}

			#divFlesSubsCmts > :nth-child(4) #divFles .node .fa-pen {
				margin-right: 5px;
			}

			#divFlesSubsCmts > :nth-child(4) #divFles .node:hover .fa-trash, #divFlesSubsCmts > :nth-child(4) #divFles .node:hover .fa-pen {
				opacity: 1;
			}

			#divFlesSubsCmts > :nth-child(4) #divFles .node-title {
				width: calc(100% - 57px);
			}

	/***************************************************************
 SUBS
****************************************************************/
	/* subs cntnt */
	#divFlesSubsCmts > :nth-child(5) {
		min-height: 100px;
		background-color: var(--components-bg-color);
		border-right: var(--components-border);
		border-bottom: var(--components-border);
	}

		/* add sub */

		#divFlesSubsCmts > :nth-child(5) > :first-child {
			height: 86px;
			padding: 12px;
		}

		/* subs cntnt empty */

		#divFlesSubsCmts > :nth-child(5) #divSubs:empty::before {
			content: 'No subscribers yet.';
		}

		/* subs cntnr */

		#divFlesSubsCmts > :nth-child(5) #divSubs {
			display: grid;
			grid-template-columns: 177px 40px 40px 40px 40px;
			gap: 5px 3px;
			padding: 12px;
			border-top: var(--components-border);
		}

			/* subs col hdrs */

			#divFlesSubsCmts > :nth-child(5) #divSubs > :nth-child(2), #divFlesSubsCmts > :nth-child(5) #divSubs > :nth-child(3),
			#divFlesSubsCmts > :nth-child(5) #divSubs > :nth-child(4) {
				font-family: OpenSansSemiBold, sans-serif;
			}

			/* subs nmes */

			#divFlesSubsCmts > :nth-child(5) #divSubs > :nth-child(5n+1) {
				position: relative;
				top: 2px;
				font-family: OpenSansSemiBold, sans-serif;
				white-space: nowrap;
			}

			/* subs dlt btns */

			#divFlesSubsCmts > :nth-child(5) #divSubs > :nth-child(5n+5) {
				text-align: center;
			}

				#divFlesSubsCmts > :nth-child(5) #divSubs > :nth-child(5n+5) > button.secondary {
					position: relative;
					width: 21px;
					height: 21px;
					padding: 0px 7px;
				}

					#divFlesSubsCmts > :nth-child(5) #divSubs > :nth-child(5n+5) > button.secondary:hover,
					#divFlesSubsCmts > :nth-child(5) #divSubs > :nth-child(5n+5) > button.secondary:focus {
						background-image: var(--linear-gradient-gray-hover);
					}

			/* subs dtls chks */

			#divFlesSubsCmts > :nth-child(5) #divSubs > :nth-child(5n+2) {
				text-align: center;
			}

			/* subs docs chks */

			#divFlesSubsCmts > :nth-child(5) #divSubs > :nth-child(5n+3) {
				text-align: center;
			}

			/* subs cmts chks */

			#divFlesSubsCmts > :nth-child(5) #divSubs > :nth-child(5n+4) {
				text-align: center;
			}

	/***************************************************************
	 CMTS
	****************************************************************/

	/* cmts cntnt */

	#divFlesSubsCmts > :nth-child(6) {
		position: relative;
		min-height: 100px;
		background-color: var(--components-bg-color);
		border-right: var(--components-border-light);
		border-bottom: var(--components-border);
		border-bottom-right-radius: 3px;
	}

		#divFlesSubsCmts > :nth-child(6) .note-frame {
			margin: 12px 12px 13px 12px;
		}

		#divFlesSubsCmts > :nth-child(6) #divSrchCmts {
			padding: 32px 12px;
		}

			#divFlesSubsCmts > :nth-child(6) #divSrchCmts > :first-child {
				width: 100%;
			}

		#divFlesSubsCmts > :nth-child(6) #divTskCmts {
			max-height: 570px;
			padding: 12px;
			border-top: var(--components-border);
			overflow: hidden auto;
		}

			#divFlesSubsCmts > :nth-child(6) #divTskCmts:empty::before {
				content: 'No comments yet.';
				position: relative;
			}

			#divFlesSubsCmts > :nth-child(6) #divTskCmts b {
				font-family: OpenSansSemiBold, sans-serif;
				font-weight: normal;
			}

			#divFlesSubsCmts > :nth-child(6) #divTskCmts i {
				font-style: italic;
			}

			#divFlesSubsCmts > :nth-child(6) #divTskCmts u {
				text-decoration: underline;
			}

.pge-tsks {
}

	.pge-tsks main {
		width: calc(100% - 360px);
	}

		.pge-tsks main > div {
			min-width: calc(100%) !important;
			max-width: calc(100%) !important;
		}

	.pge-tsks .gadditional-est_hrs {
		width: 50px;
		max-width: 50px;
		min-width: 50px;
		text-align: right;
		padding-right: 10px;
	}

/*#endregion*/

/*#region PGE - PROD - UNPROC-PROC */

.pg-cntnt-unprocproc .content-metadata-container {
	padding: 5px var(--padding-standard) var(--padding-standard) var(--padding-standard);
}

	.pg-cntnt-unprocproc .content-metadata-container .selectize-input {
		height: 28px;
	}

.pg-cntnt-unprocproc main > :not(input, button, a, #divBodyTitle) {
	min-width: 1231px;
	max-width: 1231px;
}

.pg-cntnt-unprocproc #divAcctSmry > :first-child > :last-child {
	border-bottom-right-radius: 3px;
}

/*#endregion*/

/*#region PGE - PROD - UPL FOR REV */

.pge-cntnt-upl-rev #divHdeShts {
	display: inline-block;
	position: relative;
	top: -1px;
	margin-left: 40px;
}

	.pge-cntnt-upl-rev #divHdeShts > label {
		position: relative;
		top: 2px;
		margin-left: var(--margin-standard);
	}

.pge-cntnt-upl-rev .content-metadata-container > * {
	border-right: var(--components-border) !important;
	border-bottom-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
}

/*#endregion*/

/*#region PGE - PROD - VRSNING */

.thumbnail-container.select-version > .thumbnail > button {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90px;
	height: 60px;
	font-size: 13px;
	letter-spacing: .05em;
}

.remove-version {
	position: relative;
	width: 32px;
	min-width: 32px;
	max-width: 32px;
}

	.remove-version > button {
		position: absolute;
		width: 25px;
		height: 25px;
		line-height: 21px;
		top: calc(50% - 9px);
		left: 3px;
		font-size: 29px;
		padding: 0px;
	}

.page-content-versioning .thumbnail {
	border-radius: 3px !important;
}

.page-content-versioning .right-arrow {
	width: 20px;
	min-width: 20px;
	max-width: 20px;
	vertical-align: middle;
}

.page-content-versioning .content-metadata-container {
	width: 455px;
	min-width: 455px;
	max-width: 455px;
	vertical-align: top;
}

#divSelVer .subtitle {
	font-size: 14px;
}

.new-versions {
	max-width: 1185px;
	padding: 0 0 var(--padding-standard) var(--padding-standard);
}

	.new-versions .thumbnail-container {
		margin-top: 10px;
	}

/*#endregion*/

/*#region PGE - PROD - VRX SEL */

#txtFindUnsel {
	width: 35%;
}

#btnFindUnsel {
	margin-left: 10px;
}

select#drpFilterPropertiesWUC {
	height: 20px;
	padding-top: 0;
}

.page-content-vrxsel #tblScnes {
	box-shadow: none;
}

	.page-content-vrxsel #tblScnes .selected > td > a {
		color: #666666;
	}

		.page-content-vrxsel #tblScnes .selected > td > a:hover {
			color: var(--selected-color);
			border-bottom-color: var(--selected-color);
		}

/*#endregion*/

/*#endregion*/