/*#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):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;
}

li {
	margin-bottom: var(--margin-standard);
}

/* 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: #d0d0d0;
	--components-border: solid 1px #e4e4e4;
	--components-border-light: solid 1px #dbdbdb;
	--components-border-lighter: solid 1px #e8e8e8;
	--components-border-dark: solid 1px #b0b0b0;
	--components-border-darker: solid 1px #aaaaaa;
	--components-bg-image: linear-gradient(#ffffff, #f0f0f0);
	--components-bg-color: #f8f8f8;
	--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: 810px;
	--error-color: #cf0000;
	--highlight-color: #e2bc47;
	--highlight-color-hover: #bf9e3b;
	--highlight-color-dark: #cf9f0d;
	--highlight-bg-image: linear-gradient(#e3bf52, #cf9f0d);
	--highlight-bg-image-hover: linear-gradient(#cf9f0d, #a77e00);
	--linear-gradient-gray: linear-gradient(#b3b5ba, #7e8085);
	--linear-gradient-gray-hover: linear-gradient(#939599, #444444);
	--margin-standard: 15px;
	--mark-bg-color: #cff1ff;
	--mark-bg-color-light: #dfeff7;
	--padding-standard: 15px;
	--row-even-bg-color: #f5f5f5;
	--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);
	--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: rgba(13, 17, 20, 0.7);
	-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: AdonisWeb;
	src: url(/fonts/adonis-web.woff2);
}

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

@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 {
	scroll-behavior: smooth;
}

body {
	min-height: 100vh;
	font-family: AdonisWeb, serif;
	-webkit-font-smoothing: antialiased;
	font-size: 13px;
	color: #0d1114;
	cursor: default;
}

main {
	display: inline-block;
}

	main > :not(input,button,a,#divBodyTitle) {
		width: 100%;
	}

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

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

main > :not(iframe):empty {
	display: none;
}

main > iframe {
}

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

td {
	padding: 3px;
}

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

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

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

a:link, a:visited {
	font-family: AdonisWeb, serif;
	text-decoration: none;
	color: var(--highlight-color);
	border-bottom: solid 1px transparent;
}

a:hover {
	cursor: pointer;
	text-decoration: none;
	color: #1d252c;
	border-bottom: solid 1px #1d252c;
}

.ui-dialog-content a:hover {
	color: #666666;
}

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;
	padding: 2px 0 0 4px;
	background-image: var(--linear-gradient-gray);
	border: none;
	cursor: pointer;
}

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

select {
	overflow: auto;
	background-image: var(--components-bg-image);
	border: var(--components-border);
	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: #0d1114 !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: var(--padding-standard);
	background-color: #ffffff;
	border: var(--components-border);
	box-shadow: var(--component-box-shadow);
	cursor: text;
}

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

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

input {
	height: 28px;
	padding: 0 10px;
	background-color: #ffffff;
	border: solid 1px #c8c8c8;
	box-shadow: var(--component-box-shadow);
}

	input:hover, input:focus {
		border: solid 1px #b0b0b0;
		box-shadow: var(--components-box-shadow-hover);
		color: var(--selected-color);
	}

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

	input[type=submit], input[type=button], button, .raw-manifest a, .raw-manifest label {
		height: 28px;
		font-family: BebasNeue, sans-serif;
		font-size: 20px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		color: #ffffff;
		text-align: center;
		vertical-align: top;
		padding: 2px 20px 0 20px;
		background-color: var(--highlight-color);
		border: none;
		box-shadow: var(--component-box-shadow);
	}

		input[type=submit].secondary, input[type=button].secondary, button.secondary {
			background-color: #aaaaaa;
		}

		input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, input[type=button]:focus, button:hover, button:focus,
		.ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:focus,
		.raw-manifest a:hover, .raw-manifest label:hover {
			cursor: pointer;
			background-color: #1d252c;
			box-shadow: var(--components-box-shadow-hover);
		}

		.disabled input, input.disabled, input:disabled,
		.disabled button, button.disabled, button:disabled,
		.ui-dialog .ui-dialog-buttonpane button.disabled, .ui-dialog .ui-dialog-buttonpane button:disabled {
			background-image: none;
			background-color: #e8e8e8;
			color: #999999;
			box-shadow: none;
			opacity: 0.5;
			pointer-events: none;
		}

		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;
		}

.ui-dialog .ui-dialog-buttonpane button {
	height: auto;
	text-transform: none;
	background: none;
	display: inline-block;
	font-family: AdonisWeb, serif;
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 0.02em;
	padding: 0;
	margin-left: 30px;
	border: none;
	border-bottom: solid 1px #ffffff;
}

	.ui-dialog .ui-dialog-buttonpane button:hover {
		color: var(--highlight-color);
		background: none;
		border-bottom-color: var(--highlight-color);
	}

	.ui-dialog .ui-dialog-buttonpane button:first-child {
		display: inline-block;
		font-family: BebasNeue, sans-serif;
		font-size: 22px;
		letter-spacing: 0.05em;
		height: 48px;
		padding: 5px 20px 0 20px;
		margin: 0;
		background-color: transparent;
		background-image: none;
		border: 2px solid #e2bc47;
	}

		.ui-dialog .ui-dialog-buttonpane button:first-child:hover {
			color: var(--highlight-color);
		}

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

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

#btnApproveAll {
	display: none;
}

::placeholder {
	font-style: italic;
	opacity: 0.70;
}

*:focus {
	outline: none;
}

/* PRODUCTION */

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

/* EXTRANET */

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

.page-crt main > :first-child > :not(:first-child), .page-dl 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 !important;
}

	.flex.align-center {
		justify-content: center !important;
	}

	.flex.space-between {
		justify-content: space-between !important;
	}

	.flex.space-around {
		justify-content: space-around !important;
	}

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

	.flex.end {
		justify-content: end !important;
	}

	.flex.row {
		flex-direction: row !important;
	}

	.flex.row-rev {
		flex-direction: row-reverse !important;
	}

	.flex.col {
		flex-direction: column !important;
	}

	.flex.col-rev {
		flex-direction: column-reverse !important;
	}

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

.gap {
	gap: 10px !important;
}

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

.grid {
	display: grid !important;
}

	.grid.with-title-bar > * > :first-child {
		height: 26px;
		font-family: OpenSansSemiBold, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		word-spacing: 0.05em;
		white-space: nowrap;
		color: #ffffff;
		padding: 5px var(--padding-standard) 0 var(--padding-standard) !important;
		background-image: var(--title-bar-linear-gradient);
		border-right: var(--components-border-light);
		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: 8px;
		height: 8px;
		top: -2px;
		margin-left: 10px;
		border-right: solid 2px #ffffff;
		border-bottom: solid 2px #ffffff;
		transform: rotate(45deg);
	}

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

	.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);
	}

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

.cols-11 {
	grid-template-columns: 1fr 1fr !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: #0d1114;
	background-image: var(--components-bg-image);
	border: var(--components-border);
}

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

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

	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);
	}


/*#endregion*/


/*#region FORMATTING - FONT */


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

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

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

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

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

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

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

.bold {
	font-weight: bold;
}

.strong {
	font-weight: bold;
}

.emphasized {
	font-style: italic;
}

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

.semi-bold {
	font-weight: bold;
}


/*#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;
}

.position-fixed {
	position: fixed;
}

.hidden {
	display: none !important;
}

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

.cid {
	display: inline-block;
	position: relative;
	cursor: default;
}

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

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

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

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

.val-msgs {
	color: var(--error-color);
	margin-top: var(--padding-standard);
	box-shadow: none;
}

	.val-msgs:empty {
		display: none;
	}

#divSvrMsg {
	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;
}

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

/* EXTRANET */

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


/*#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-large {
	padding: 25px !important;
}

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

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

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

.padding-top-large {
	padding-top: 25px !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 {
	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 {
	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 {
	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 */


#divAccountSummary {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

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

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

	#divAccountSummary > :first-child > :first-child {
		cursor: pointer;
		user-select: none;
	}

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

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

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

	#divAccountSummary.three-cols {
		grid-template-columns: 1fr auto 1fr;
	}

	#divAccountSummary > :last-child > :first-child {
		border-right: none;
	}

	#divAccountSummary > * > :first-child {
		height: 26px;
		font-family: OpenSansSemiBold, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		white-space: nowrap;
		color: #ffffff;
		padding: 5px var(--padding-standard) 0 var(--padding-standard) !important;
		border-right: var(--components-border-light);
	}

		#divAccountSummary > * > :first-child.with-full-height-icon-button .icon-button {
			position: relative;
			top: -5px;
		}

	#divAccountSummary > :first-child > :last-child {
		padding: var(--padding-standard);
		border-left: var(--components-border);
		border-bottom: var(--components-border);
		border-right: var(--components-border-light);
	}

		#divAccountSummary > :first-child > :last-child > :last-child {
			display: grid;
			grid-template-columns: auto 1fr;
			gap: 3px 10px;
			font-size: 0.7rem;
		}

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

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

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

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

#divAccountSummary textarea {
	height: 100%;
	padding: var(--padding-standard);
	background-color: transparent;
	background-image: none !important;
	border: none;
	box-shadow: none;
}

#divAccountSummary .styled-text-box {
	height: 132px;
	background-color: unset;
	background-image: none;
	border: none;
	box-shadow: none;
}

.page-content-bracketinguploading #divAccountSummary .styled-text-box {
	height: 160px;
}

#divAccountSummary .uploaded-review-counts-grid, #divAccountSummary .assignments-grid {
	height: calc(100% - 26px);
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px;
	border-bottom: var(--components-border);
	border-right: var(--components-border);
	padding: var(--padding-standard) var(--padding-standard) 0 var(--padding-standard);
}

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

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

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

.account-info-container {
	width: 100%;
	background-image: var(--components-bg-image);
	border: var(--components-border);
	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: 13px;
	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;
	background-image: var(--components-bg-image) !important;
}


/*#endregion*/


/*#region UI - AUTOCOMPLETE */


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

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

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

.autocomplete-no-suggestion {
	font-family: OpenSansSemiBold, sans-serif;
	padding: var(--padding-standard);
	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;
	padding: 15px 0 15px 354px;
	background-color: #1d252c;
}

	.banner > .title, .page-home-index .app-id-10 .banner > :first-child > .title {
		display: inline-block;
		font-family: BebasNeue, sans-serif;
		font-size: 36px;
		text-transform: uppercase;
		letter-spacing: 0.01em;
		margin-bottom: 2px;
	}

	.banner > .subtitle, .page-home-index .app-id-10 .banner > :first-child > .subtitle {
		line-height: 18px;
		font-family: AdonisWeb, sans-serif;
		font-size: 18px;
		letter-spacing: 0.02em;
		margin: 0 auto;
		border-bottom: none;
	}

		.banner > .subtitle > .subtitle, .page-home-index .app-id-10 .banner > :first-child > .subtitle > .subtitle {
			height: 2.4em;
			font-size: 1.1em;
			font-style: italic;
		}

/* EXTRANET */

.page-home-index .app-id-10 .banner {
	padding-left: 0;
	background-color: #1d252c;
	text-align: left;
}

	.page-home-index .app-id-10 .banner > :first-child {
		width: 870px;
		margin: 0 auto;
	}

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


/*#endregion*/


/*#region UI - CHECKBOXES */


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

label.checkbox {
	position: relative;
	white-space: nowrap;
}

	label.checkbox .label-text {
		display: inline-block;
		cursor: pointer;
		user-select: none;
		margin-left: 3px;
	}

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

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

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

label.checkbox label {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 15px;
	top: 3px;
	border: var(--components-border-dark);
	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: #0d1114;
}

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;
}


/*#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;
	}

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

.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;
}


/*#endregion*/


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


div.comment-and-annotations .comment-history-comment {
	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;
	}

	.comment-history-container .styled-text-box {
		height: 150px;
		padding: 0;
	}

		.comment-history-container .styled-text-box > :last-child {
		}

.styled-text-box {
	width: 100%;
	overflow: auto;
	height: 80px;
	background-color: var(--components-bg-color);
	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);
	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);
	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);
	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;
}

.comment-history-comment-header {
	font-family: OpenSansSemiBold, sans-serif;
	color: var(--highlight-color);
	padding: 7px 9px 1px 9px;
	border-top: var(--components-border-light);
}

	.comment-history-comment-header:first-child {
		border-top: none;
	}

	.comment-history-comment-header.client-comment, .comment-history-comment-header.production-comment {
		margin-bottom: 0;
		background-color: #ffffff;
	}

.comment-history-comment {
	max-width: 667px;
	padding: 0 9px 7px 9px;
}

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

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

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

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

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

.page-content-details #divAccountSummary .comment-history-comment {
	max-width: 540px;
}

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

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

.page-content-qc3 .comment-history-comment {
	max-width: 597px;
}

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

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

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

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

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

.comment-history-comment.client-comment, .comment-history-comment.production-comment {
	background-color: #ffffff;
}

.comment-history-annotations-table {
	width: 100%;
}

	.comment-history-annotations-table.client-comment, .comment-history-annotations-table.production-comment {
		background-color: #ffffff;
	}

.comment-history-annotation-tr, .comment-history-crop-annotation-tr {
	cursor: pointer;
}

	.comment-history-annotation-tr:last-child > * {
		padding-bottom: 5px;
	}

	.comment-history-annotation-tr:hover, .comment-history-crop-annotation-tr:hover {
		background-color: #f0f0f0;
	}

.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);
}

.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);
	box-shadow: 0 0 25px rgba(255, 255, 255, 0.25);
	z-index: 100000;
}

.annotation-note {
	display: inline-block;
	width: calc(100% - 30px);
}

.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: #0d1114;
	border: none;
}

	#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;
}

#btnSaveAnnotNote {
	display: none;
	width: 23px;
	height: 23px;
}

/* 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;
	}

/*#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: 150px;
	white-space: nowrap;
	padding: 5px 8px 9px 8px;
	background-color: var(--components-bg-color);
	border: var(--components-border);
	box-shadow: var(--component-box-shadow);
}

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

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

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

.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;
	}

		.add-content-comment-container.bracketing-uploading textarea {
			width: 100%;
			height: 101px;
		}

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

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

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

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

/* EXTRANET */

.page-crt .add-content-comment-container, .page-cs .add-content-comment-container {
	width: 385px;
	min-width: 385px;
	max-width: 385px;
	padding: 5px 0 0 0 !important;
}

	.page-crt .add-content-comment-container > textarea, .page-cs .add-content-comment-container > textarea {
		height: 48px;
		padding: 7px 9px;
	}

		.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 > :first-child {
	height: 33px;
	font-family: BebasNeue, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	color: #ffffff;
	padding: 5px var(--padding-standard) 0 var(--padding-standard);
	background-color: #1d252d;
	cursor: pointer;
	user-select: none;
}

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

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

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

.content-panel > :last-child {
	padding: var(--padding-standard);
	border: solid 1px #e4e4e4;
	border-top: none;
}

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

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

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

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

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

.content-panel:not(.no-collapse) > :first-child::after {
	width: 10px;
	height: 10px;
	top: -4px;
	border-right-width: 3px;
	border-bottom-width: 3px;
}


/*#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% - 26px);
	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: 8px;
	padding-left: var(--padding-standard);
	vertical-align: top;
}

.required::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: 10px;
}

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

.field-label.for-textarea {
	padding-top: 17px;
}

.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 #0d1114;
		border-bottom: solid 2px #0d1114;
		transform: rotate(-45deg);
	}

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


/*#endregion*/


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


/* header */

/* PRODUCTION */

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

/* EXTRANET */

.app-id-10 header {
	gap: 30px;
}

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

/* BOTH SITES */

header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 20px 44px 20px 351px;
}

	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: 230px;
			cursor: pointer;
		}

	/* logo */

	header .logo {
		width: 250px;
	}

.embedded .logo {
	display: none;
}

/* greeting */

#divGreeting {
	min-width: 151px;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	white-space: nowrap;
	padding: 5px var(--padding-standard);
	margin-left: 2px;
	margin-top: 39px;
	border: solid 1px transparent;
	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 #0d1114;
		border-bottom: solid 2px #0d1114;
		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: #0d1114;
	border: var(--components-border);
	background-color: rgba(255, 255, 255, 0.9);
	border-top: none;
	box-shadow: var(--components-box-shadow);
	z-index: 1;
}

	#divUserMenu > * {
		padding: 5px var(--padding-standard);
		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:hover {
	background-image: var(--highlight-bg-image-hover);
}

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


/*#endregion*/


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


.info-icon {
	display: inline-block;
	text-align: center;
	text-transform: none;
	font-size: 17px;
	margin-left: 10px;
	pointer-events: all;
}

	.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;
		}

.redirect-icon, .clone-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);
	cursor: default;
}

	.redirect-icon.disabled, .clone-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;
}

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

.ui-tooltip {
	-webkit-font-smoothing: antialiased;
	white-space: pre-line;
	color: #333333 !important;
	font-size: 12px !important;
	background-color: rgba(255, 255, 255, 0.9);
	border: solid 1px #333333 !important;
	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: 28px;
		height: 26px;
		top: -1px;
		margin-left: 5px;
	}

		button.icon-button.for-title-bar::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: 3px 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;
	}

.legend-ip-ass {
	display: grid;
	grid-template-columns: repeat(9, auto);
	gap: 10px;
}

	.legend-ip-ass > div {
		text-align: left;
	}

	.legend-ip-ass > :nth-child(3n - 2) {
		font-family: OpenSansSemiBold, sans-serif;
	}

/* EXTRANET */

.app-id-10 .title-bar.with-info-icon > .info-icon {
	border-color: #ffffff;
	top: -6px;
}


/*#endregion*/


/*#region UI - INSTRUCTIONS */


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

.page-signin-index .instructions {
	height: 26px;
	text-align: center;
	font-family: OpenSansSemiBold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	word-spacing: 0.05em;
	color: #ffffff;
	cursor: pointer;
	border-bottom: none;
}

.instructions > :first-child {
	height: 26px;
	text-align: center;
	font-family: OpenSansSemiBold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	word-spacing: 0.05em;
	color: #ffffff;
	padding-top: 5px;
	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: 8px;
			height: 8px;
			top: -3px;
			margin-left: 10px;
			border-right: solid 2px #ffffff;
			border-bottom: solid 2px #ffffff;
			transform: rotate(45deg);
		}

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

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

	.instructions > :last-child {
		display: none;
		padding: 15px;
		background-image: var(--components-bg-image);
		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: BebasNeue, sans-serif;
				font-size: 15px;
				color: #ffffff;
				vertical-align: top;
				padding: 2px 0 0 5px;
				margin-right: 5px;
				background-color: var(--highlight-color);
			}

			.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 {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.02em;
	text-align: center;
	white-space: nowrap;
	padding: 30px 60px;
	background-color: rgba(255, 255, 255, 0.75);
	box-shadow: 0px 0px 100px 0 rgba(0, 0, 0, 0.5);
}

.pulse-bubble-container {
	margin-top: 25px;
}

.pulse-bubble {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: var(--highlight-bg-image);
	margin-right: 10px;
}

	.pulse-bubble:last-child {
		margin-right: 0;
	}

.pulse-bubble-1 {
	animation: pulse .4s ease 0s infinite alternate;
}

.pulse-bubble-2 {
	animation: pulse .4s ease .2s infinite alternate;
}

.pulse-bubble-3 {
	animation: pulse .4s ease .4s infinite alternate;
	margin-right: 0;
}

@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;
	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;
	}

.page-content-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: #0d1114 !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);
	}

		/* 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);
	}

	/* 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: flex;
	flex-direction: row;
	height: 30px;
	margin-left: 36px;
	margin-top: 39px;
}

/* EXTRANET */

.app-id-10 .primary-menu {
	display: flex;
	gap: 20px;
	height: 15px;
	text-transform: uppercase;
	margin-top: 8px;
}

/* BOTH SITES */

.primary-menu > a {
	position: relative;
	top: 1px;
	font-family: BebasNeue, sans-serif;
	font-size: 17px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	color: #0d1114;
	border-bottom: none;
	cursor: pointer;
}

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

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

	.app-id-9 .primary-menu > a.here::after {
		content: '';
		position: absolute;
		width: 8px;
		height: 8px;
		top: 26px;
		left: calc(50% - 4px);
		border-right: solid 2px var(--highlight-color);
		border-bottom: solid 2px var(--highlight-color);
		transform: rotate(45deg);
	}

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

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


/*#endregion*/


/*#region UI - MENU - SECONDARY */


.secondary-menu {
	display: flex;
	flex-direction: column;
	padding-bottom: 10px;
}

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

	.secondary-menu > * {
		position: relative;
	}

	.secondary-menu .header, div.header {
		display: flex;
		justify-content: space-between;
		width: 100%;
		font-family: BebasNeue, sans-serif;
		font-size: 17px !important;
		letter-spacing: 0.02em;
		word-spacing: 0.04em;
		text-transform: uppercase;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}

		.secondary-menu .header > :not(button) {
			padding: 3px 0;
			border-bottom: none;
		}

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

	.secondary-menu > :not(.header) {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 5px;
		font-weight: normal;
		color: #0d1114;
		padding: 3px 0;
		cursor: pointer;
	}

		.secondary-menu > :not(.header):hover {
			color: #000000;
			border-bottom: solid 1px transparent;
		}

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

	.secondary-menu > a:hover {
		color: #000000;
		border-bottom: solid 1px transparent;
	}

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

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

	.secondary-menu > a.here > * {
		font-size: 14px;
		font-weight: bold;
		color: var(--highlight-color);
	}

	.secondary-menu > a.here:hover > * {
		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: 40px;
	left: 217px;
	top: -3px;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	white-space: nowrap;
	color: #0d1114 !important;
	padding: 5px var(--padding-standard);
	background-color: rgba(255, 255, 255, 0.9);
	border: solid 1px #aaaaaa;
	box-shadow: var(--components-box-shadow);
	pointer-events: none;
	z-index: 1000;
}

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

	.details-popin.only-one {
		top: -10px;
		padding-top: 12px;
	}

	.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;
	pointer-events: none;
}

/* EXTRANET */

.secondary-menu-group, #divSceneMenus, #divSelSumm, #divCrtSumm, #divDLSmry {
	padding: 12px 12px 0 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}

#divSceneMenus {
	margin-top: 20px;
}

#divSelSumm {
	margin-top: 0;
}

#divCrtSumm, #divDLSmry {
	position: fixed;
	width: 294px;
}

#btnClearAllTop {
	font-size: 16px;
	position: relative;
	top: 2px;
	background-color: #000000;
}

	#btnClearAllTop:hover {
		background-color: #666666;
	}

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



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

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

.sel-summ-btns {
	text-align: center;
}

.crt-summ > :last-child, .dl-summ > :last-child {
	display: grid;
	grid-template-columns: 3fr 1fr;
	gap: 10px 0 !important;
}

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

.crt-summ > :nth-child(2) > *, .dl-summ > :nth-child(2) > * {
	white-space: nowrap;
}

.crt-summ > :nth-child(2) > :nth-child(2), .crt-summ > :nth-child(2) > :nth-child(4),
.crt-summ > :nth-child(2) > :nth-child(6), .crt-summ > :nth-child(2) > :nth-child(8),
.dl-summ > :nth-child(2) > :nth-child(2), .dl-summ > :nth-child(2) > :nth-child(4),
.dl-summ > :nth-child(2) > :nth-child(6), .dl-summ > :nth-child(2) > :nth-child(8) {
	text-align: right;
}

.crt-summ > :nth-child(2) > :nth-child(7), .crt-summ > :nth-child(2) > :nth-child(8),
.dl-summ > :nth-child(2) > :nth-child(7), .dl-summ > :nth-child(2) > :nth-child(8) {
	font-weight: bold;
}

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

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

.secondary-menu > .header {
	font-size: 13px;
}

	.secondary-menu > .header > .info-icon {
		position: absolute !important;
		top: 0 !important;
		right: 0;
		padding-top: 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 > * {
		font-size: 12px;
	}

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

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

	.metadata-grid.form > :nth-child(odd):not(:first-child) {
		margin-top: 5px;
	}

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

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

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

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

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

	.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;
	}

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


/*#endregion*/


/*#region UI - MODAL DIALOG */


.dialog {
	display: none;
}

.dialog-basic-text {
	padding: var(--padding-standard);
}

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

.ui-dialog {
	padding: 30px;
	background-color: #0d1114;
	z-index: 1000 !important;
}

	.ui-dialog .ui-dialog-content {
		position: relative;
		overflow: visible;
		color: #ffffff;
		vertical-align: top;
	}

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

.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;
}

#dlgNotify.ui-dialog-content {
	border-bottom: solid 1px #bbbbbb;
}

#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-top: 0 !important;
	}

.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: #0d1114;
	padding: 0;
	background-color: transparent;
	border: none;
	border-bottom: solid 1px transparent;
	transition: all 0.1s linear;
}

.ui-dialog-buttonpane {
	color: #0d1114;
	vertical-align: top;
	padding: 5px var(--padding-standard) var(--padding-standard) var(--padding-standard) !important;
}

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

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

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

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

.ui-dialog-buttonset .ui-button.ui-widget.ui-state-disabled {
	color: #888888;
	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: AdonisWeb, sans-serif;
	font-size: 16px;
	color: #0d1114;
}

	.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: #888888;
	backdrop-filter: var(--blur);
	cursor: pointer;
	opacity: 0.75;
}

.ui-widget input, .ui-widget select, .ui-widget textarea {
	font-family: AdonisWeb, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #0d1114;
}

.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;
}

	.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;
	right: 11px;
	top: -5px;
	font-size: 49px;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	text-align: center;
}

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

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

.embedded .dialog-close-button {
	display: none;
}

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


/*#endregion*/


/*#region UI - PAGE ACTIONS */


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

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

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

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

	.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-image: var(--components-bg-image);
	border-bottom: var(--components-border);
}

	.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-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);
	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%);
	}


/*#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);
		}

		.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;
		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;
		}

		.popup-body #divCommentHistory .comment-history-comment-header {
			padding: 7px 0 0 7px;
		}

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

	.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;
}

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

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

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

.popup-vt iframe {
	width: 100%;
	height: 100%;
}

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

.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: 13px;
	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: 13px;
	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);
		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: #0d1114;
		-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;
	}


/*#endregion*/


/*#region UI - QUEUE AND STATUS */


.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;
	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.clone {
	padding-left: 0 !important;
}

	.queue-status-col.clone::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 {
	background-image: linear-gradient(#c7ebc7, #bddebd);
}

.queue-status-col.complete-hidden::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;
}

	.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: BebasNeue, sans-serif;
	text-transform: uppercase;
	color: var(--highlight-color);
	font-size: 14px;
}

.content-queue-status-inline {
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
	vertical-align: top;
	margin: 0 5px;
}

	.content-queue-status-inline.complete, .content-queue-status-inline.complete-hidden {
		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 {
		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: 3px;
		top: -3px;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 12px;
		color: var(--selected-color);
		pointer-events: none;
	}

.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: 15px;
		height: 15px;
		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: 3px;
	top: 3px;
	border-radius: 50%;
}

label.radio input[type=radio]:checked + label::after {
	background-color: #0d1114;
}

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 */


.selected-content-container {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
	padding: 5px;
	background: var(--components-bg-image);
	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, #0d1114 25px, #ebebeb 25px, var(--components-bg-color));
	background-repeat: no-repeat;
}

	.selected-content-flex > div {
		border-right: var(--components-border-light);
	}

	.selected-content-flex > :last-child {
		border-right: none;
	}

/* 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;
	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: 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: 20px;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	white-space: nowrap;
	padding: 10px 20px;
	margin-right: 50px;
}

#divTotalSelRevSubmitTop {
	position: relative;
	right: -2px;
	font-family: AdonisWeb, serif;
	font-size: 20px;
}

#btnRevSubmitBtm, #btnSubmitBtm, #btnSaveBtm {
	height: 60px;
	font-size: 20px;
	padding: 16px 40px;
}

#btnRevSubmitTop, #btnSubmitTop, #btnSaveTop {
	position: relative;
	width: calc(100% + 24px);
	left: -12px;
	padding: 8px 13px;
	margin-right: 0;
}

.page-crt #btnSubmitTop, .page-crt #btnSaveTop, .page-dl #btnSubmitTop {
	text-align: center;
	width: 100%;
	position: static;
}

#btnSaveTop, #btnSaveBtm, #btnClearAllTop {
	background-color: #888888;
}

	#btnSaveTop:hover, #btnSaveBtm:hover, #btnClearAllTop:hover {
		background-color: #1d252c;
	}

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

.page-dl #btnClearAllTop {
	height: 40px;
	top: 0;
	padding: 8px 39px;
}

.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;
	background-color: rgba(0, 0, 0, 0.13);
}


/*#endregion*/


/*#region UI - TABLES, ROWS AND COLUMNS */


.title-bar {
	height: 33px;
	font-family: BebasNeue, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	color: #ffffff;
	padding: 5px var(--padding-standard) 0 var(--padding-standard);
	background-color: #1d252d;
	cursor: pointer;
	user-select: none;
}

div.title-bar {
	padding-top: 5px !important;
}

.with-full-height-icon-button {
	padding-top: 1px !important;
}

.title-bar .item-count, .content-panel > :first-child > .item-count {
	margin-left: 10px;
}

body:not(.popup-body) .title-bar::after {
	content: '';
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	top: -4px;
	margin-left: 10px;
	border-right: solid 3px #ffffff;
	border-bottom: solid 3px #ffffff;
	transform: rotate(45deg);
}

.title-bar.collapsed::after {
	top: 0px !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: 26px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	word-spacing: 0.05em;
	vertical-align: middle;
	padding: 0px;
	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 {
		font-size: 12px;
		padding: 2px 0 0 10px;
		border-left: var(--components-border);
	}

	tr.footer > td:last-child {
		padding-right: 7px;
		border-right: var(--components-border);
	}

.pid-col {
	width: 60px;
	min-width: 60px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sid-col {
	width: 80px;
	min-width: 80px;
	max-width: 80px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cid-col {
	width: 85px;
	min-width: 85px;
	max-width: 85px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.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: 380px;
		min-width: 380px;
		max-width: 380px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.queue-rotated-col {
	vertical-align: top !important;
}

#tblCurrentShoots .property-col, #tblFutureShoots .property-col {
	width: 350px;
	min-width: 350px;
	max-width: 350px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hotel-id-col {
	text-align: left;
}

	.hotel-id-col.fixed {
		width: 85px;
		min-width: 85px;
		max-width: 85px;
		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: 130px;
		min-width: 130px;
		max-width: 130px;
		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: 120px;
		min-width: 120px;
		max-width: 120px;
		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: center;
}

	.date-col:last-child {
		padding-right: var(--padding-standard) !important;
	}

	.date-col.fixed {
		width: 120px;
		max-width: 120px;
		min-width: 120px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.date-time-col {
	width: 145px;
	min-width: 135px;
	max-width: 135px;
	text-align: center;
}

.status-col {
	text-align: left;
}

	.status-col.fixed {
		width: 140px;
		min-width: 140px;
		max-width: 140px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.action-col {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	font-weight: bold;
	text-align: left;
}

#tblCurrentShoots, #tblFutureShoots {
	width: 100%;
}

	#tblCurrentShoots .status-col, #tblFutureShoots .status-col {
		width: 225px;
		min-width: 225px;
		max-width: 225px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.upload-status-col {
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	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: 15px;
	}

	.col-with-total > :last-child {
		padding-right: 0;
	}

.items-col {
	text-align: center;
	white-space: nowrap;
}

	.items-col.fixed {
		width: 95px;
		min-width: 95px;
		max-width: 95px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.items-col .button {
		width: 30px;
		line-height: unset;
		padding: 1px 4px 0 4px;
		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;
	}

#tblPropertiesInProgress .items-col {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	padding-left: 3px;
	border-left: none;
}

.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;
}

.title-bar-no-border-radius {
	font-size: 13px;
	word-spacing: 0.05em;
	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);
}

	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);
	}

/* EXTRANET */

.page-crt table.content-rows, .page-dl table.content-rows {
	width: 1235px !important;
}

/* Header Row */

thead > tr.header > th, td.header {
	background-color: #e4e4e4;
	position: relative;
	height: 29px;
	white-space: nowrap;
}

	thead > tr.header > th.row-1-of-2 {
		background-image: linear-gradient(var(--components-bg-color), #ececec);
	}

	thead > tr.header > th.row-2-of-2 {
		background-image: linear-gradient(#ececec, #e0e0e0);
	}

td.header {
	font-family: OpenSansSemiBold, sans-serif;
	text-transform: uppercase;
	border-bottom: var(--components-border-light) !important;
}

thead > tr.header > th:not(.sorter-false) {
	cursor: pointer;
}

	thead > tr.header > th:not(.sorter-false):hover {
		background-color: #f5f5f5;
	}

thead > tr.header > th:hover {
	background-color: #f2f2f2;
}

	thead > tr.header > th:hover::after {
		opacity: 0.75;
	}

thead > tr.header > th::after {
	position: relative;
	content: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	opacity: 0.325;
}

thead > tr.header > th.up, thead > tr.header > th.down {
	background-image: linear-gradient(#e8e8e8, #c0c0c0);
}

	thead > tr.header > th.up::after {
		top: -2px;
		content: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
		opacity: 0.75;
	}

	thead > tr.header > th.down::after {
		top: -2px;
		content: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
		opacity: 0.75;
	}

thead > tr.header > th.sorter-false:hover {
	background-color: #e8e8e8;
}

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: AdonisWeb, serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0d1114;
}

table.alternating-rows thead > tr > td, table.alternating-rows th {
	padding: 3px;
	vertical-align: middle;
}

	table.alternating-rows thead > tr > td:first-child, table.alternating-rows th:first-child {
		padding-left: var(--padding-standard);
	}

	table.alternating-rows thead > tr > td:last-child, table.alternating-rows th:last-child {
		padding-right: var(--padding-standard);
	}

.tablesorter-header-inner {
	display: inline-block;
}

/* Content Rows */

table.content-rows > tbody > tr > td:first-child {
	border-left: var(--components-border);
}

table.content-rows > tbody > tr > td:last-child {
	border-right: var(--components-border);
}

table.content-rows > tbody > tr:last-child > td {
	border-bottom: var(--components-border);
}

/* Odd Rows */

table.alternating-rows > tbody > tr:nth-child(odd) {
	background-color: var(--row-odd-bg-color);
}

	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: 30px;
		font-size: 13px;
		padding: 3px;
		vertical-align: middle;
	}

		table.alternating-rows > tbody > tr:nth-child(odd) > td:first-child {
			font-family: AdonisWeb, serif;
			font-size: 13px;
			font-weight: bold;
			padding-left: var(--padding-standard);
		}

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: var(--padding-standard);
}

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);
}

thead > tr > th:last-child, tbody.header > tr > td:last-child, tbody.rows > tr > td:last-child {
	border-right: var(--components-border);
}

tbody.rows > tr:last-child > td {
	border-bottom: var(--components-border);
}

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: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: 30px;
	font-size: 13px;
	padding: 3px;
	vertical-align: middle;
}

	table.alternating-rows tbody > tr:nth-child(even) > td:first-child {
		font-family: AdonisWeb, serif;
		font-weight: bold;
		font-size: 13px;
		padding-left: var(--padding-standard);
	}

	table.alternating-rows tbody > tr:nth-child(even) > td:last-child {
		padding-right: var(--padding-standard);
	}

/* 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;
}

/* 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);
}

/* EXTRANET */

.page-cs .title-bar, .page-scr .title-bar, .page-crt .content-panel > :first-child, .page-dl .content-panel > :first-child {
	padding: 4px 10px 0 17px !important;
}

.page-cs .title-bar, .page-scr .title-bar, .page-home-index .title-bar {
	pointer-events: none;
}

	.page-cs .title-bar::after, .page-scr .title-bar::after, .page-home-index .title-bar::after {
		display: none !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;
	}

select.selectize {
	height: 1px;
	opacity: 0;
}

	select.selectize.rows-2 + div .selectize-input {
		height: 48px;
		max-width: 200px;
		overflow-y: auto;
	}

table.scene-tags {
	display: none;
	width: 100%;
	padding: 5px 0;
	box-shadow: none;
	border-bottom: var(--components-border);
}

	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);
}

.selectize-input {
	width: 100%;
	height: 27px;
	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;
	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;
}

.thumbnail-container.selected {
	background-image: linear-gradient(#c9c9c9, #f3f3f3);
}

.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: 150px;
	overflow: hidden;
}

	.thumbnail-container > .thumbnail > img {
		position: relative;
		min-width: 225px;
		max-width: 225px;
		height: 150px;
		min-height: 150px;
		max-height: 150px;
		overflow: hidden;
		cursor: pointer;
	}

	.thumbnail-container > .thumbnail.processed > img {
		width: 225px;
		min-height: 150px;
		max-height: 150px;
	}

	.thumbnail-container > .thumbnail.vertical > img {
		width: auto;
	}

	.thumbnail-container > .thumbnail.vertical.still > img {
		width: auto;
		min-width: unset;
		max-width: unset;
		height: 150px;
		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;
	}


.annotations-overlay {
	display: none;
	position: absolute;
	bottom: 0;
	right: 1px;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.75);
	padding: 1px 5px 3px 5px;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 1;
	pointer-events: none;
}

.app-id-9 .thumbnail.vertical > .annotations-overlay {
	right: 88px;
}

.app-id-10 .thumbnail.vertical > .annotations-overlay {
	right: 58px;
}

.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 > .caption {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	font-weight: bold;
	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;
	}

.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;
	padding: var(--padding-standard) var(--padding-standard) 0 var(--padding-standard) !important;
	box-sizing: unset;
}

.app-id-9 tr:last-child > td.thumbnail-container {
	padding-bottom: var(--padding-standard) !important;
}

.app-id-9 .thumbnail-container > .thumbnail {
	position: relative;
	width: 225px;
	height: 150px;
	text-align: center;
	background-color: #dddddd;
}

	.app-id-9 .thumbnail-container > .thumbnail > img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		max-height: 150px;
		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;
		max-width: auto;
		height: 150px;
		min-height: 150px;
		max-height: 150px;
	}

	.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;
	right: 0;
	font-size: 0.85em;
	color: rgba(255, 255, 255, 0.75);
	padding: 1px 5px 3px 5px;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 1;
	pointer-events: none;
}

img.vertical + .processed-overlay, .thumbnail.vertical > .processed-overlay {
	right: 63px;
}

/* 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;
	width: 621px;
	min-width: 621px;
	max-width: 621px;
	height: 400px;
	padding: 5px 5px 5px var(--padding-standard);
}

	.app-id-9 .large-thumbnail-container:last-child {
		padding-right: 0;
		width: 610px;
		padding-left: 0;
		min-width: 610px;
		max-width: 610px;
	}

.app-id-9 .large-thumbnail {
	position: relative;
	width: 600px;
	height: 400px;
	overflow: hidden;
}

.app-id-9 .large-thumbnail-image {
	max-width: none;
	height: 400px;
	cursor: pointer;
}

	.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;
}

.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%);
}

.thumbnails {
	font-size: 0px;
}

	.thumbnails.details {
		margin-top: 10px;
	}

.thumbnail-title-and-container {
	display: inline-block;
	width: 390px;
	margin: 0 5px 3px 0;
}

	.thumbnail-title-and-container > .thumbnail-title {
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		word-spacing: 0.04em;
		white-space: nowrap;
		margin: 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 7px 0 7px;
	margin: 0;
}

	.thumbnails .thumbnail-container > .caption {
		padding-right: 3px;
	}

.app-id-9 .thumbnails .thumbnail-container {
	padding-top: 5px !important;
}

.thumbnails .thumbnail-title-and-container > .thumbnail-title {
	margin: 0 0 0 9px;
}

.thumbnails .thumbnail-container > .thumbnail {
	min-width: 375px;
	height: 250px;
}

	.thumbnails .thumbnail-container > .thumbnail > img {
		width: 375px;
		min-width: 375px;
		max-width: 375px;
		height: 250px;
		min-height: 250px;
		max-height: 250px;
	}

.thumbnails .thumbnail-container > .caption > :last-child {
	position: relative;
	top: -3px;
}

.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%;
	height: 25px;
	font-family: OpenSansSemiBold, sans-serif;
	text-transform: uppercase;
	word-spacing: 0.05em;
	letter-spacing: 0.02em;
	color: #ffffff;
	white-space: nowrap;
	padding: 4px var(--padding-standard) 0 var(--padding-standard);
	background-image: linear-gradient(#0d1114, #999999);
	box-shadow: 5px 0 10px rgb(0 0 0 / 12%);
}

	.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-size: 13px;
		font-weight: bold;
		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;
}

	.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*/


/*#endregion*/


/*#region PAGES - ALL */


/*#region PAGE - SIGN IN */

.page-signin-index #txtUsername, .page-signin-index #txtPassword {
	height: 35px;
	font-family: AdonisWeb, serif;
	font-size: 15px;
}

.page-signin-index #btnSignIn {
	display: inline-block;
	width: 80px !important;
	font-family: BebasNeue, sans-serif;
	font-size: 18px;
	letter-spacing: 0.025em;
	height: 38px;
	padding: 6px;
	margin: 0;
	background-color: transparent;
	background-image: none;
	border: 2px solid #e2bc47;
}

	.page-signin-index .app-id-10 #btnSignIn:hover {
		color: #e2bc47;
	}

.page-signin-index form {
	height: 100vh;
	position: relative;
	background-color: #101010;
}

.page-signin-index .sign-in {
	position: absolute;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	top: 50%;
	transform: translateY(-50%);
}

	.page-signin-index .sign-in img:first-child {
		width: 1200px;
	}

	.page-signin-index .sign-in img:last-child {
		position: absolute;
		width: 17%;
		left: 10px;
		top: 10px;
		pointer-events: none;
	}

.page-signin-index main {
	position: relative;
	width: 50%;
	text-align: center;
}

	.page-signin-index main > :first-child {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		min-width: 250px;
		text-align: left;
	}

.page-signin-index .sign-in .instructions {
	height: 26px;
	font-family: BebasNeue, sans-serif;
	text-transform: uppercase;
	font-size: 35px;
	color: #ffffff;
	margin-bottom: 20px;
	border-bottom: none;
}

.page-signin-index #txtUsername {
	display: block;
	width: 348px;
	height: 40px;
	font-size: 14px;
	color: #0d1114 !important;
	text-align: left;
	margin-bottom: 5px;
	padding: 0 var(--padding-standard);
	border: solid #cccccc 1px;
}

.page-signin-index #txtPassword {
	display: block;
	width: 348px;
	height: 40px;
	font-size: 14px;
	color: #0d1114 !important;
	text-align: left;
	margin-bottom: 10px;
	padding: 0 var(--padding-standard);
	border: solid #cccccc 1px;
}

.page-signin-index #btnSignIn {
	height: 40px;
	font-size: 18px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 auto 0 auto;
	border: solid 1px var(--highlight-color);
	cursor: pointer;
}

.page-signin-index a:link {
	display: inline-block;
	font-family: AdonisWeb, serif;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: 0.02em;
	margin: 14px 0 0 10px;
	border-bottom: solid 1px #ffffff;
}

	.page-signin-index a:link:hover, .page-signin-index a:link:focus {
		color: var(--highlight-color);
		border-bottom-color: var(--highlight-color);
	}

.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 {
	font-size: 18px;
	height: 48px;
	display: inline-block;
	width: calc(50% - 10px);
	margin: 0 10px 10px 0;
}


/* EXTRANET */

/*#endregion*/


/*#region PAGE - EXTRANET - 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: 20px;
	white-space: nowrap;
	padding: 0 20px;
	background-color: #0d1114;
}

	#btnPrevLoc::before {
		position: relative;
		top: -1px;
		content: '';
		display: inline-block;
		width: 11px;
		height: 11px;
		margin-right: 5px;
		border-top: solid 2px #ffffff;
		border-left: solid 2px #ffffff;
		transform: rotate(-45deg);
	}

	#btnPrevLoc:hover {
		background-color: #e2bc47;
	}

#btnNextLoc {
	height: 40px;
	font-size: 20px;
	white-space: nowrap;
	padding: 0 20px;
	margin-left: 10px;
	background-color: #0d1114;
}

	#btnNextLoc::after {
		position: relative;
		top: -1px;
		content: '';
		display: inline-block;
		width: 11px;
		height: 11px;
		margin-left: 5px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		transform: rotate(45deg);
	}

	#btnNextLoc:hover {
		background-color: #e2bc47;
	}


/*#endregion*/


/*#region PAGE - EXTRANET - CERTIFICATION */


.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;
	}

.page-crt .submit-btns, .page-dl .submit-btns {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 45px 0 35px 0 !important;
	box-shadow: none !important;
}

#divCrtSumm .submit-btns, #divDLSmry .submit-btns {
	position: relative;
	width: calc(100% + 24px);
	left: -12px;
	top: 1px;
	margin: 0 !important;
}


/*#endregion*/


/*#region PAGE - EXTRANET - HOME */


.page-home-index .app-id-10 main {
	display: flex;
	flex-direction: column;
	gap: 25px;
	width: 900px;
	margin: 25px auto 0 auto;
}

.page-home-index .app-id-10 #divFilter {
	width: 100%;
	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: #f8f8f8;
	}

		.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 PAGE - EXTRANET - CLIENT SELECTION */


.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;
	}


/*#endregion*/


/*#region PAGE - EXTRANET - VRX STANDARD IMAGE EDITING GUIDELINES */


.popup-page .banner {
	text-align: left;
	padding: 15px 30px 9px 30px;
}

	.popup-page .banner > .title {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}

.popup-page .sub-title {
	padding: 15px 30px;
	background-color: #f0f0f0;
}

	.popup-page .sub-title > .title {
		display: inline-block;
		font-size: 16px;
		text-transform: uppercase;
		vertical-align: top;
		margin: 3px 10px 0 5px;
	}

.popup-page ul {
	list-style: disc;
	margin: 25px 45px 20px 45px;
}

.popup-page li {
	list-style-type: disc;
}

.popup-page ul.inner-list > li {
	list-style-type: circle;
}

.popup-page .fa-check {
	font-size: 15px;
	color: #70aa00;
	padding: 3px;
	border: 3px solid #70aa00;
}

.popup-page .fa-xmark-large {
	font-size: 11px;
	color: #c01616;
	padding: 5px;
	border: 3px solid #c01616;
}



/*#endregion*/


/*#region PAGE - PRODUCTION - ACCOUNT MANAGER HOME */


.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: 320px;
	min-width: 320px;
	max-width: 320px;
	padding: 5px 8px var(--padding-standard) var(--padding-standard);
}

	.page-home-accmgr .content-actions-container .border-box {
		height: 125px;
	}

.page-home-accmgr .add-content-comment-container {
	width: 402px;
	padding-top: 5px;
}

	.page-home-accmgr .add-content-comment-container textarea {
		display: block;
		width: 100%;
		height: 150px;
	}

.page-home-accmgr .comment-history-container {
	width: 610px;
	min-width: 610px;
	max-width: 610px;
	padding-top: 5px;
}

.page-home-accmgr table > tbody > tr:last-child .border-bottom {
	border-bottom: none !important;
}


/*#endregion*/


/*#region PAGE - PRODUCTION - ACCOUNT UPLOAD AND SELECTION RULES */


#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 PAGE - PRODUCTION - ADD ACCOUNT */


#txtReg, #txtCtry, #txtSP, #txtCty {
	width: 200px;
}

#divSelectRegionFirst, #divSelectCountryFirst, #divSelectStateProvinceFirst {
	padding-top: 4px;
}

#btnAddLocation {
	font-size: 12px;
	padding: 4px var(--padding-standard) !important;
	background-color: #aaaaaa;
}

	#btnAddLocation:hover {
		background-color: #888888;
	}

#txtParentAccount {
	width: 50%;
}

#txtLoc {
	width: 100%;
}

#txtContractedStills, #txtContractedVTs {
	width: 110px;
}


/*#endregion*/


/*#region PAGE - PRODUCTION - ADD USER */


#divUsernameAvailable {
	display: inline-block;
	margin-left: 10px;
	font-style: italic;
}


/*#endregion*/


/*#region PAGE - PRODUCTION - BRACKETING AND UPLOADING */


#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;
}

#divFindContentBracketing {
	display: none;
}

#tblLoadSFPipelineShoots {
	display: none;
	width: 100%;
}

#divDownloadShootDocs {
	display: none;
}

#tblGoodStillsAndBracketing {
	min-width: var(--content-width-min);
}

#divLoading, #divLoadingContent {
	display: inline-block;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 13px;
	letter-spacing: 0.02em;
	text-align: center;
	white-space: nowrap;
}

	#divLoadingMessage, #divLoadingContent .sub-title {
		text-transform: lowercase;
	}

#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: #0d1114;
	padding: 5px var(--padding-standard);
	background-color: #e0e0e0;
}

#divGoodStillsAndBracketing {
	overflow: hidden;
}

.folder-header {
	height: 27px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 13px;
	white-space: nowrap;
	padding: 3px 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.folder-form {
	padding: 13px 0 0 25px !important;
}

	.folder-content.folder-form > table > tbody > tr > td {
		padding: 3px;
	}

		.folder-content.folder-form > table > tbody > tr > td.field-label {
			padding-top: 5px !important;
			padding-right: 5px !important;
			padding-left: var(--padding-standard) !important;
		}

		.folder-content.folder-form > table > tbody > tr > td.field-cell {
			padding-bottom: 5px !important;
		}

.folder-form label[id^=lblRenameToSFLoc] {
	display: inline-block;
	top: 0;
	vertical-align: top;
	margin-top: 2px;
	margin-left: 5px;
}

.folder-form .salesforce-location {
	position: relative;
}

	.folder-form .salesforce-location .edit-sf-job-location {
		display: none;
	}

	.folder-form .salesforce-location button {
		width: 27px;
		height: 25px;
		vertical-align: top;
		padding: 3px 0 0 0px;
	}

		.folder-form .salesforce-location button.cancel {
			display: none;
		}

		.folder-form .salesforce-location button.save {
			display: none;
		}

	.folder-form .salesforce-location .loading {
		left: 1px;
		bottom: 4px;
		width: 214px;
	}

.folder-form .room-number input[type=text] {
	width: 100px;
}

.folder-content {
	padding-bottom: 15px;
	width: 100%;
	background-color: #ffffff;
	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: 13px;
			font-style: normal;
			color: #888888;
			margin: -1px 7px 0 0;
			background-image: none;
		}

		.folder-content .folder-header.expanded::before {
			content: '▼';
		}

	.folder-content .folder-content {
		padding: 17px 0 var(--padding-standard) 34px;
		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-size: 20px;
		font-style: normal;
		padding: 0;
		transition: all 0.1s linear;
	}

	.bracketing-set .subtitle.bracketing-set {
		margin-left: 0;
	}

	.bracketing-set button.include {
		display: none;
		font-family: OpenSansSemiBold, sans-serif;
		font-size: 17px;
	}

	.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;
		}

	.bracketing-set button.crop.create::before {
		content: '';
		width: 13px;
		height: 13px;
		background: url(/media/images/crop.png) no-repeat;
		background-size: 13px;
	}

	.bracketing-set button.crop.remove {
		display: none;
	}

		.bracketing-set button.crop.remove::before {
			content: '×';
			display: inline-block;
			width: 17px;
			height: 13px;
		}

	.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 > .crop-area {
		position: absolute;
		height: 100%;
		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: 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;
}

.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;
}

.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-set .thumbnail img {
	width: auto;
	min-width: auto;
	max-width: 100%;
	height: 100px;
	min-height: 100px;
	max-height: 100px !important;
	transition: all 0.1s linear;
}

.bracketing-set .thumbnail.good-still {
	padding-left: 0;
}

.bracketing-set .thumbnail-container.good-still > .thumbnail > img {
	transform-origin: top left;
}

.bracketing-set .thumbnail-container.good-still > .thumbnail.rotate90 > img {
	max-width: 100px;
	transform: rotate(90deg) translate(-50%, -50%);
}

.bracketing-set .thumbnail-container.good-still > .thumbnail.rotate180 > img {
	transform: rotate(180deg) translate(-50%, -50%);
}

.bracketing-set .thumbnail.good-still .thumbnail-container.rotate270 img {
	transform: rotate(270deg) translate(-50%, -50%);
}

.bracketing-set .thumbnail-container {
	display: inline-block;
	height: 130px;
	padding: 0 !important;
	margin-right: 2px;
	user-select: none;
}

.bracketing-set button.exclude::before {
	content: '×';
	display: inline-block;
	position: relative;
	left: 0.5px;
	top: -1px;
}

.bracketing-set button.include::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 5.5px;
	left: calc(50% + 1px);
	top: 50%;
	border: 2px solid #ffffff;
	border-top: none;
	border-right: none;
	transform: rotate(-53deg) translate(-5%, -135%);
}

.read-only .comment-and-tags-container {
	display: none;
}

.read-only .folder-form {
	display: none;
}

	.read-only .folder-form .salesforce-location 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;
}

.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;
	}

		#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;
	}

		#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;
		margin: 10px;
	}

		#dlgSelectVTRaws .vt-selected img {
			position: absolute;
			max-width: 1026px;
			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;
	}

		#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;
	}

		#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, #dlgConfirmCorruptedFilesReuploaded {
	display: none;
	width: 100% !important;
	padding: var(--padding-standard);
	text-align: center;
}

#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 PAGE - PRODUCTION - CLIENT DOCUMENT ADMIN */


#tdAddClientDocumentAccountName, #tdEditClientDocumentAccountName {
	padding-top: var(--padding-standard);
}

.cell-client-document-admin-breadcrumb {
	color: #0d1114;
	padding: 5px var(--padding-standard);
	background-color: #f0f0f0;
}

.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 PAGE - PRODUCTION - CONTENT DETAILS */


#pnlCID, #pnlRawName {
	display: inline-block;
}

.content-details-grid {
	display: grid;
	grid-template-columns: auto repeat(2, 1fr);
	gap: 0 10px;
	font-size: 0.7rem;
	padding: 0 var(--padding-standard) var(--padding-standard) var(--padding-standard);
	background-image: var(--components-bg-image);
	border: var(--components-border);
	border-top: none;
	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;
			height: 165px;
		}

			.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:not([class]) {
			height: 165px;
		}

	.content-details-grid .styled-text-box {
		padding: 0;
		width: 100%;
		height: 165px;
	}


/*#endregion*/


/*#region PAGE - PRODUCTION - CONTENT STATUS */


.rotate-90 {
	width: 17px;
	white-space: nowrap;
	color: #0d1114;
	padding: 4px 0px;
	transform: rotate(90deg);
}


/*#endregion*/


/*#region PAGE - PRODUCTION - CSR */


#trJobComments .styled-text-box {
	height: 100px;
	max-height: 100px;
	overflow-y: auto;
	background-color: var(--components-bg-color);
}

#divSceneDetails {
	max-height: 119px;
	overflow-y: scroll;
}

.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 {
	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: 13px;
	letter-spacing: 0.05em;
	color: #e0e0e0;
	padding-left: 5px;
	transition: all 0.1s linear;
}

.page-content-csr .comment-history div.styled-text-box {
	border-top: none;
}


/*#endregion*/


/*#region PAGE - PRODUCTION - EDIT SQL */

#txtSqlStatement {
	width: 100%;
	height: 250px;
}

.page-dev-sql-edit #btnUpdate {
	margin-left: 0;
}

/*#endregion*/


/*#region PAGE - PRODUCTION - IN PROGRESS AND ASSIGNMENTS */


.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;
	}


/*#endregion*/


/*#region PAGE - PRODUCTION - MANAGE JOBS */





/*#endregion*/


/*#region PAGE - PRODUCTION - MANAGE SCENES */


table.manage-scenes > tbody > tr:first-child > td {
	padding-top: var(--padding-standard);
}



/*#endregion*/


/*#region PAGE - PRODUCTION - MY TIMECARD */


#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;
}

	#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);
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.15);
	z-index: 1;
}

#mtcDropdownPopupTimer {
	position: absolute;
	width: 27px;
	height: 27px;
	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: 27px;
	line-height: 19px;
	right: 2px;
	top: 2px;
	font-size: 25px;
	color: #ffffff;
	padding: 2px 3px 5px 7px;
	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;
}

.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;
}

.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.05em;
	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;
}

/*#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;
}

#mtcNoProjectsIveWorkedOn {
	font-size: 11px;
	padding: var(--padding-standard);
}

/*#endregion*/

/*#region My Timecard Administration Button */

#mtcMyTimecardAdministration {
	margin-top: 10px;
}

.mtc-my-timecard-administration {
	width: 100%;
	height: 35px;
}


/*#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;
	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.05em;
	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: #0d1114;
	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.05em;
	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: #0d1114;
	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 PAGE - PRODUCTION - MY TIMECARD 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;
}

#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 PAGE - PRODUCTION - PROJECT 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: #0d1114;
	padding: 5px var(--padding-standard);
	background-color: #f0f0f0;
}

.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 PAGE - PRODUCTION - PROPERTY IMAGES */


.property-images.title-bar {
	height: 15px;
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 11px;
	color: #0d1114;
	padding: 5px var(--padding-standard);
	background-color: #d6d6d6;
	background-image: none;
	border: solid 1px #bbbbbb;
	border-bottom: none;
}

.property-images.title-bar {
	width: 413px;
}

.page-content-propertyimages .content-metadata-container {
	min-width: auto;
}

.page-content-propertyimages .content-status {
	padding-left: 0;
}


/*#endregion*/


/*#region PAGE - PRODUCTION - QC3 */


#divViews button {
	background-image: var(--linear-gradient-gray);
}

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

	#divViews button.selected {
		background-image: var(--highlight-bg-image);
		cursor: default;
	}

#divViews > :last-child {
	cursor: default;
}

.page-content-qc3 .account-info-container {
	width: 615px;
}

.page-content-qc3 .content-metadata-container {
	padding: var(--padding-standard) var(--padding-standard) 7px var(--padding-standard);
}

	.page-content-qc3 .content-metadata-container .selectize-input {
		height: 28px;
	}

.page-content-qc3 .metadata-grid {
	grid-template-columns: repeat(2, auto 1fr);
}

.page-content-qc3 .content-actions-container {
	width: 310px;
	min-width: 310px;
	max-width: 310px;
	padding: 6px var(--padding-standard) var(--padding-standard) var(--padding-standard);
}

	.page-content-qc3 .content-actions-container .border-box {
		height: 143px;
	}

.thumbnails .actions-and-comments {
	display: flex;
	flex-direction: row;
	padding-right: 4px;
	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-right: none;
}

.page-content-qc3 .add-content-comment-container {
	width: 310px;
	min-width: 310px;
	max-width: 310px;
	padding-top: 6px;
}

	.page-content-qc3 .add-content-comment-container textarea {
		display: block;
		width: 100%;
		height: 150px;
	}

.thumbnails .add-content-comment-container {
	width: 100%;
	min-width: 100%;
	padding-top: 0;
}

	.thumbnails .add-content-comment-container textarea {
		height: 64px;
	}

.page-content-qc3 .comment-history-container {
	width: 611px;
	min-width: 611px;
	max-width: 611px;
	padding-top: 6px;
}

.thumbnails .comment-history-container {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding-top: 0;
}

	.thumbnails .comment-history-container .styled-text-box {
		height: 96px;
		padding: 7px;
		border-top: none;
	}

.page-content-qc3 table > tbody > tr:last-child .border-bottom {
	border-bottom: none !important;
}


/*#endregion*/


/*#region PAGE - PRODUCTION - UNPROCESSED-PROCESSED */


.page-content-qcunprocproc .content-metadata-container {
	padding: 5px var(--padding-standard) var(--padding-standard) var(--padding-standard);
}

	.page-content-qcunprocproc .content-metadata-container .selectize-input {
		height: 28px;
	}


/*#endregion*/


/*#region PAGE - PRODUCTION - UNPROCESSED-PROCESSED */


.iframe-download {
	display: none;
}


/*#endregion*/


/*#region PAGE - PRODUCTION - UPLOADED */


.page-content-qcupl .content-metadata-container {
	min-width: auto;
}


/*#endregion*/


/*#region PAGE - PRODUCTION - VERSIONING */


.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: 0.05em;
}

.remove-version {
	position: relative;
	width: 26px;
	min-width: 26px;
	max-width: 26px;
}

	.remove-version > button {
		position: absolute;
		width: 20px;
		height: 20px;
		line-height: 21px;
		top: calc(50% - 21px);
		left: -2px;
		font-size: 18px;
		padding: 0;
	}

.page-content-versioning .right-arrow {
	width: 15px;
	min-width: 15px;
	max-width: 15px;
	vertical-align: middle;
}

	.page-content-versioning .right-arrow::before {
		left: -2px;
	}


.page-content-versioning .content-metadata-container {
	width: 455px;
	min-width: 455px;
	max-width: 455px;
	vertical-align: top;
}

#divSelVer .subtitle {
	font-size: 13px;
}

.new-versions {
	max-width: 1185px;
	padding: 0 0 var(--padding-standard) var(--padding-standard);
}

	.new-versions .thumbnail-container {
		margin-top: 10px;
	}


/*#endregion*/


/*#region PAGE - PRODUCTION - VRX SELECTION */


#txtFindUnsel {
	width: 35%;
}

#btnFindUnsel {
	margin-left: 10px;
}

/*#endregion*/


/*#region PAGE - PRODUCTION - VRX SELECTION */


select#drpFilterPropertiesWUC {
	height: 20px;
	padding-top: 0;
}

.page-content-vrxsel #tblScenes .selected > td {
	font-family: OpenSansSemiBold, sans-serif;
	background-color: var(--mark-bg-color-light);
}

	.page-content-vrxsel #tblScenes .selected > td:not(:first-child) {
		font-size: 1.1em;
	}

.page-content-vrxsel #tblScenes {
	box-shadow: none;
}

	.page-content-vrxsel #tblScenes .selected > td > a {
		color: #0d1114;
	}

		.page-content-vrxsel #tblScenes .selected > td > a:hover {
			color: var(--selected-color);
			border-bottom-color: var(--selected-color);
		}


/*#endregion*/


/*#endregion*/